如果href包含关键字，则隐藏div

Question

如果hide_this_div包含关键字“gutschein”，我需要用jQuery隐藏div容器href。这是一个例子：

<div class="event_title">
  <strong><a href="index.php/kurse/kursdetails/some-gutschein" title="">Some Gutschein</a></strong>
</div>

	
<div class="item hide_this_div block">
something here
</div>

提前谢谢你的帮助！

Answer 1

使用a[href*="gutschein"]选择器查找具有href中特定单词的元素。

这里的*是一个通配符，基本上是检查href是否包含任何地方的特定单词。

$(function(){
   if($('a[href*="gutschein"]').length > 0){
      $(".hide_this_div").hide();
   }
})

Answer 2

尝试使用此代码段。

var anchorVal= $('a').attr('href');
if (anchorVal.includes("gutschein")) {
     $(".item .hide_this_div").hide();
}

Answer 3

找到锚文本并使用indexOf你得到你想要的。

var txt = $('.event_title').find('a').html();
if (txt.indexOf('Gutschein') != -1) {
  $('.hide_this_div').hide();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="event_title">
  <strong><a href="index.php/kurse/kursdetails/some-gutschein" title="">Some Gutschein</a></strong>
</div>


<div class="item hide_this_div block">
  something here
</div>

Answer 4

你可以使用search函数在href属性文件准备过滤锚试试下面的代码

$(function(){
   if($('.myDiv a').attr('href').search(keyword) != -1){
      $('.myDiv').hide();
   }
})