如果数据标签等于 1 隐藏 link

Question

我正在处理 chrome extensions 并试图清理我经常使用的网页。我正在尝试删除列表的某些部分，并且可以看到它们是使用 html data tags 定位的。

<a class"Somelist" href"..." data-tid="1">1st</a>
<a class"Somelist" href"..." data-tid="2">2nd</a>
<a class"Somelist" href"..." data-tid="3">3rd</a>

如果 link 等于 1，我如何使用 jQuery 隐藏 link？

我正在尝试使用

`if ( $('.Somelist').data("tid") == 1 ) { // hide }`

这显然行不通。有谁知道可行的方法吗？谢谢！

Answer 1

你可以尝试这样做:

$(document).ready(function(e) {
  $('.Somelist').each(function(i,el) {
    if ($(el).data("tid") == 1) {
      alert($(el).data("tid"));
      $(el).hide()
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="Somelist" href "..." data-tid="1">1st</a>
<a class="Somelist" href "..." data-tid="2">2nd</a>
<a class="Somelist" href "..." data-tid="3">3rd</a>

现在解释：

当你使用 $('Somelist') 时，它 return 一个包含与该选择器对应的所有元素的数组

Answer 2

您可以 select 使用 attribute selector (MDN):

$('a[data-tid="1"]').hide();

如果数据标签等于 1 隐藏 link

If data tag equals 1 hide link

jquery

html

custom-data-attribute