ボタンの名前を入力テキストの値に設定するにはどうすればよいですか？

Question

私は、次のjQuery（whcihの作品を）持っていると、ユーザの入力にbuttonベースの名前を変更/アクセスするためのセレクタおよび/または方法でいくつかの助けを必要とし、次のHTML

<tr class="editorRow"> 
    <td class="emailRow"> 
     <input id="EmailSuccessList_0" 
      name="EmailSuccessList[0]" 
      type="text" value="asdf@lib.com"> 
    </td> 
    <td> 
     <button type="button" href="#" 
       class="deleteEmailRow button sexybutton " 
       name="asdf@lib.com">delete</button> 
    </td> 
</tr> 

を持っています。それは私にとって非常にclunkyようです。

$('.emailRow input').live('keyup', function (e) { 

     var target = this; 
     var currentVal = $(this).val(); 
     $(target).parent().parent().find('button').attr('name', currentVal) 
}); 

Answer 1

これは..私はこれまで、いくつかのjQuery API検索後に出ている最高です

$(target).closest('tr').find('button').attr('name', currentVal) 

Answer 2

$('#deleteEmailRow').attr('name', currentVal); 

は、私はあなたが技術的にも、このようcurrentValを置き換えることができると思います：

$('#deleteEmailRow').attr('name', $(this).val()); 

Answer 3

このHTMLはエンジンによって生成されますか？ asp、asp.net、asp.net mvcまたはJavaまたは他のプラットフォーム（私はネット男:)のような何かのような）？そうであれば、入力用のIDを生成するのと同じ方法で、ボタンに意味のあるIDを生成させることができます。その後、入力のキーアップハンドラからボタンを簡単に参照することができます。あなたが動的に構築されたテーブルを持っている場合

Answer 4

あなたは、デリゲートを使用することができます：

$(".editorRow button").click(function(){ 

が、それぞれいずれかの方法で電子メールを見つけることができるかどうか

$("table").delegate(".editorRow button").click(function(){ 

または普通のセレクタを簡単に

var email = $(this).closest("tr").find("input:text").val(); 
    // show your dialog 
}); 

---

ボタンの名前をテキストボックスの値と同期させる必要がある理由の1つは、あなたが既に持っていて簡単に見つけることができるとは思えません。