javascript - クリックした要素の属性をオブジェクトに追加する方法は?

Question

クリックした要素の属性をオブジェクトに追加する方法はありますか?

これはhtmlです

<nav class="nav">
    <a id=0> Test</a>
    <a id=1> Test</a> 
    <a id=2> Test</a>
</nav>

私は次のようなことを考えました：

$('.nav a').click(function(){
    var id = $(this).attr("id");
    alert(id);
});

よくわかりません。..

score 2 · Accepted Answer

同じことを試すが、それに価値を追加する

$('.nav a').click(function(){
    $(this).attr("id","my_id");
});

あなたのスクリプトは属性を取得し、私のものは属性を追加し、次のようなクリックイベントを使用することをお勧めします

$('.nav a').on('click',function(){
    $(this).attr("id","My_id");
});

score 1 · Accepted Answer

私があなたの質問に行かなければならない場合、私はあなたにこれを提案します：

$('.nav a').click(function(){
   var id = this.id;
   alert(id);
   $("#obj").attr('id', id);
});

これ#objは、この方法で設定された id 属性を取得しているオブジェクトです。

score 0 · Accepted Answer

これを試してみてください。

$('a').on("click",function(){
$(this).attr("id","value");
});

score 0 · Accepted Answer

これには、 event.targetという専用の属性があります。

$('.nav a').click(function(event){
    alert(event.target.id);
});

score 0 · Accepted Answer

これを試して

var testArray=new Array();
$('.nav a').click(function(){
  var id = $(this).attr("id");
  testArray.push($(this).attr("id"));
  alert(id);
});

score 0 · Accepted Answer

このコードを見ることができます

<input type="button" id="121" value="Click me" onClick="dispAttribute(this.value);"/>
<script>
function dispAttribute(val){
alert(val);
}
</script>

送信することもできます

dispAttribute(this.id);
dispAttribute(this.type);

など

6 に答える 6