我在处理 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');
}
我的数字应该是什么样子?
最佳答案
最接近的 div 不包含 .similarity_points
作为后代。你可以使用这个:
self.closest('div').parent().find('.similarity_points').text('10');
但是,请注意,高度依赖 DOM 结构的代码也是脆弱的。
关于javascript - 处理 DOM 元素,寻找下一个类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28006854/