jQuery 在 $this 的父级中查找下一个 div

Question

我在定位 div 循环内的特定 div 时遇到问题。

下面的代码是一个在页面上重复多次的单个项目。如果 edd_price 类的范围内有文本“Free”，我想隐藏该项目的 div 类“vat”。

<div class="product-thumb">
  <a href="http://tb.eldo.co.uk/downloads/achieving-sales-on-the-telephone-sample-notes/">
  <div class="thum">
    <img width="185" height="150" src="blah"/>
  </div>
  <div class="title">Title goes here</div>
  <div class="price">
    <span class="edd_price">Free</span> 
  </div>
  <div class="vat clear">
    price excluding 20% vat                             
  </div>
</a>

我尝试过的所有操作要么不影响任何内容，要么影响页面上的所有项目，这就是我认为应该有效的 -

$(document).ready(function() {
if ($(".edd_price").contains("Free")) {
  $(this).parent().next('div.vat').hide();
}
});

Answer 1

首先，您的条件不起作用，包含方法应该是这样的:

if ( $(".edd_price:contains(free)"))

看这里:http://www.w3schools.com/jquery/sel_contains.asp

在这种情况下，你必须再次获取元素，因为你的这个不是他。这不是回调。然后:

$(function() {
    if ( $(".edd_price:contains(free)")) {
        $('.edd_price:contains("Free")').parent().next('.vat').hide();
    }
});

这是演示: https://jsfiddle.net/87qcfng8/

Ps:你的第一个div没有关闭，所以关闭它。