JQuery的未來selecter或類似

Question

東西，我有一個像

<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>單擊重命名輸入名稱和值的HTML代碼。

結果應該是

<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 
});​ 

DEMO