使用jQuery选择同一Div中的某个元素类型作为另一个元素

Question

我是jQuery的新手,我认为这是一个基本问题.我在谷歌和jQuery网站上搜索了关于"父母"和"孩子"的信息,但是我很难说出我想要完成的事情.

假设我有以下标记:

<div>
    <input type="text" value="John Doe" /> 
    <a href="#" class="clearButton">clear</a>
</div>
<div>
    <input type="text" value="Jane Doe" /> 
    <a href="#" class="clearButton">clear</a>
</div>
<div>
    <input type="text" value="Joe Smith" /> 
    <a href="#" class="clearButton">clear</a>
</div>

我本质上想写一些jQuery,使每个"clearButton"链接清除其兄弟输入的点击值.这是可能的,因为我的标记？或者我是否需要在每个输入或每个div上使用唯一标识符？是否可以接收单击,然后使用"this"命令选择正确的兄弟输入？我使用兄弟代码组合了一些我自己的代码,但它立即清除了所有输入.

任何提示或相关信息的链接非常感谢!谢谢!

Answer 1

如果链接始终位于输入字段旁边:

$('.clearButton').click(function() {
    $(this)          // the clearButton
          .prev()    // get the input field
          .val('');  // clear its value

    return false;    // disable default link action (otherwise # adds to url)
});

Answer 2

家长和查找,演示

$(document).ready(function () {
    $('.clearButton').click(function () {
       $(this).parent().find('input').val('');   
    }) 
});