Question

我们正在使用一个用于投资组合的插件，并在其中添加了4个类别。除了4个类别，它还显示全部标签，我想将其隐藏。

为此，需要在标头中添加以下内容作为附加的JS：

(function($, undefined) {
  $(function() {
    var cats = $('.sort_by_cat .cat');
    cats.filter(':first').hide();
    cats.filter(':nth(1)').find('a').click();
  });
})(jQuery);

这是网站的link。我指的是我们的设计师部分

下的作品集

现在，我应该指的是什么类，而不是.sort_by_cat .cat。

Answer 1

您可以使用CSS进行此操作，只需使用CSS选择器（例如nth-child）将第一个孩子作为目标即可。

.portfolio-category-tab-filter li:nth-child(1) {
    display: none;
}

或第一个类型：

.portfolio-category-tab-filter li:first-of-type {
    display: none;
}

或第一个孩子：

.portfolio-category-tab-filter li:first-child {
    display: none;
}

使用CSS意味着在用户禁用JS的情况下，该元素仍将被隐藏。

但是如果确实需要使用JS，则可以使用上述任何选择器，例如：

var element_to_hide = document.querySelector('.portfolio-category-tab-filter li:first-of-type');

element_to_hide.parentNode.removeChild(element_to_hide);

或使用jQuery，您可以使用.remove()将元素及其内部的所有内容都从DOM中删除：

jQuery('.portfolio-category-tab-filter li:first-of-type').remove();

Answer 2

您应该使用css选择器选择该元素并将其从DOM中删除。

(function($, undefined) {
  $(function() {
    var link= $('.portfolio-lists a[data-filter="*"');
    link.remove()
  });
})(jQuery);

在WordPress中隐藏标签

2 个答案: