Javascript 处理DOM元素，查找下一个类

我在处理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>

---

我的num应该是什么样子？

最近的div不包含作为后代的

.similarity\u points

。你可以用这个：

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

---

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

在您的代码中，您将进入

.movie\u功能

，然后您将寻找具有

.similarity\u points

类的子级

您需要再上一层，然后查找子元素：

$('.plus').click(function () {
    $(this).closest('div').parent().find('.similarity_points').text('10');
    return false;
});

---

console.log

并查看？？？@Mritunjay我应该在consol.log上查看的位置？我如何通过consol.log找到它？@gehleh-Yep，我想更改.similarity\u points的值，但我无法通过DOM元素找到它，这有点不对劲。兄弟选项不太有效，因为

.similarity\u points

是兄弟div的孩子，而不是兄弟本身。@Paulpro-Hm，我没有想到这一点。我把那部分从我的答案中删除了。非常感谢。

$('.plus').click(function () {
    $(this).closest('div').parent().find('.similarity_points').text('10');
    return false;
});