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

Posted 2021-04-13

我有像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");



        });
    });

答案

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

DEMO