如果数据标记等于1隐藏链接

时间:2016-03-14 17:50:10

标签: jquery html custom-data-attribute

我和Title="Title" Height="*" Width="800" WindowStartupLocation="CenterScreen" ResizeMode="CanResize" Icon="/img/icon.ico" Loaded="Window_Loaded"> 混淆了一下,我正在尝试清理我经常使用的网页。我尝试删除列表的某些部分,并且可以看到它们使用chrome extensions定位。

html data tags

如果链接等于1,我如何使用<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> 隐藏链接?

我试图使用像

这样的东西
jQuery

这显然不起作用。有谁知道一种有用的方法?谢谢!

2 个答案:

答案 0 :(得分:2)

您可以尝试这样做:

$num
$(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>时,它返回一个数组,其中包含与此选择器对应的所有元素

enter image description here

答案 1 :(得分:2)

您可以使用attribute selector (MDN)

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