javascript - 处理 DOM 元素，寻找下一个类

Question

我在处理 DOM 元素时遇到问题。

这是我的 HTML:

<div class="movie__feature">
    <a href="#" data-value="86" data-user="35" class="voting plus">▲</a>
</div>
<div class="movie__images">
    <span class="similarity_points">9</span>
    <a href="http://www.filmypodobnedo.pl/Top-Gun/" title="Filmy podobne do Top Gun">
        <img alt="Filmy podobne do Top Gun" src="http://www.filmypodobnedo.pl/photos/Top-Gun.jpg"/>
    </a>
</div>
<div class="movie__feature">
    <a href="#" data-value="86" data-user="35" class="voting minus">▼</a>
</div>
</div>

当我点击 .plus 类时，我需要转到 .similarity。

这是我的 jQuery:

$('.plus').click(function(e){
    e.preventDefault();
    var self = $(this);
    self.closest('div').find('.similarity_points').text('10');
}

我的数字应该是什么样子？

Answer 1

最接近的 div 不包含 .similarity_points 作为后代。你可以使用这个:

self.closest('div').parent().find('.similarity_points').text('10');

但是，请注意，高度依赖 DOM 结构的代码也是脆弱的。