javascript - JQuery 下一个选择器或类似的东西

Question

我有类似的html代码

 <ul>
    <li>Some Name <a class="rud" href="#">remove</a><input type="text" value="one" readonly="readonly" name="array" /></li>
     <li>Some other name <a class="rud" href="#">remove</a><input type="text" value="two" readonly="readonly" name="array" /></li>
</ul> 

当我点击<a>重命名输入名称和值时，我想要。

结果应该是

<li>Some Name <a class="rud" href="#">undo</a><input type="text" value="one" readonly="readonly" name="deleted" /></li>

Jquery 上的文档就绪点击事件

 $(document).ready(function() {
        $(".rud").click(function() {
           // alert(this).next().val();
           // get input button in this <li></li>.
           // change name
           $(this).text("undo");



        });
    });

Answer 1

$(".rud").click(function() {
    $(this)
        .text("undo")  // change link text
        .next(':input') // go to nex input
        .attr('name','deleted'); // chage name attr 
});​

演示