2009-06-26 3 views
9

jQueryでアンカータグのIDを取得する方法は? これはタグです。jQueryでアンカータグのIDを取得するには?

<ul class="formfield"> 
    <li class="selected"><a href="" id="text">Text</a></li> 
    <li><a href="" id="textarea">Textarea</a></li> 
</ul> 

変数にid、つまりtextarea、textなどを取得する必要があります。

私はこのようなことを試みましたが、fieldValueのようなものはありません。

$('.formfield a').click(function() {   
    fieldType=$('.formfield a').fieldValue(); 
    alert(fieldType); 
}); 

答えて

31

フィールドのid属性を取得するには、どうなる:

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

テキストコンテンツAタグの(開始タグと終了タグの間のテキスト)を取得するには、

$('ul.formfield a').click(function() { 
    var text = $(this).text(); 
    alert(text); 
}); 

クリック機能の中で$(this)の使用に注意してください。あなたはあなたが望むことをしないセレクターを再使用していました。イベントハンドラの内部では、thisは動作している要素を参照しているため、上記のコードでは、クリックしたコードに応じて 'text'または 'textarea'が表示されます。

+0

"this.id"にも値があります(DOM要素の標準です) –

1

あなたはそれを変数にしたいと言ったのですか?ここで

あなたが行く:

var myvariable = $('ul.formfield a').attr('id'); 

それはあなたが最初に一致した要素、またはあなたの例では、「テキスト」のIDを提供します。

+0

IDを指定して特定の要素を取得するにはどうすればよいですか?たとえば、私はこれが必要な場合? id = "textarea" – Janath

関連する問題