javascript - 我的 javascript 代码不适用于工作 php 的结果

Question

我在 wordpress 上有网站，我使用 Search & Filter Pro 插件来过滤我的帖子。

我需要按帖子数对过滤字段进行排序。插件没有提供必要的功能，所以我决定使用 javascript 进行排序。

const getFilterFieldDepMeth = () => {
      const container = document.querySelector(
        ".sf-field-taxonomy-deposit_methods ul"
      );
      const listField = container.querySelectorAll("li");
      let arrayList = [];
      listField.forEach((item) => {
        arrayList.push(item);
      });
      const sortedListField = arrayList.sort((a, b) => {
        const elem1 = parseInt(b.getAttribute("data-sf-count"));
        const elem2 = parseInt(a.getAttribute("data-sf-count"));
        return elem1 - elem2;
      });
      sortedListField.map((item) => {
        container.appendChild(item);
      });
    };

    getFilterFieldDepMeth();

该代码有效并且可以在任何地方显示结果，但我无法影响过滤器块中的 DOM。我也无法删除过滤器字段。

标签： javascriptphp