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 on document ready click事件

 $(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 
});

<强> DEMO

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

1 个答案: