jquery选择器引用父类？

Question

我有以下结构：

<div id="1"><input class="a"></input><span class="b"></span></div>
    <div id="2"><input class="a"></input><span class="b"></span></div>
<div id="3"><input class="a"></input><span class="b"></span></div>

我想编写一个适用于每个输入框的change（）事件。当事件被触发时，我希望使用*更新相应span标记的innerhtml。如何编写一个允许我这样做的选择器？我不认为我可以使用$（this）选择器，因为我如何达到跨度？它不像它包含在输入内部。有没有办法引用父级（即：div），然后向下移动到跨度？

Answer 1

$('input.a').change(function() {
    $(this).next('span.b').text('*');
});

Answer 2

$（本）.siblings（ “跨度”）的HTML（ “*”）;

事实上，您可能希望花一些时间阅读jQuery Tree Traversal。

Answer 3

$("input").change(function(){
    $(this).next().text("*");
});