0

<a>私<a>の s は ajax によって動的に挿入されるため、 clicked の値を取得しようとし.on() て.on()います<a>。

希望の出力

click art -> alert with hello 5
click entertainment -> alert with hello 5

現在のコード

function myHandler(event) {
alert(event.data.foo+event.data.value);
}

$(document).on("click","a.suggest",{foo: "hello "}, myHandler);

//私は $this を入れようとしましたが、それは機能せず、クリックされたものではなくページ全体のコンテンツを返します

これは動的に生成された私のhtmlコードです

<ul class="stags_btn" >
<li><a class="suggest"value="5">art</a></li>
<li><a class="suggest"value="3">entertainment</a></li>
<li><a class="suggest"value="23">supplier</a></li>
<li><a class="suggest"value="81">flyer</a></li>
<li><a class="suggest"value="32">company</a></li>
<li><a class="suggest"value="2">digital</a></li>
</ul>

これが私のfindleです。最新のjquery（1.10.1） http://jsfiddle.net/SvJQu/1/を使用しています

4

2 に答える 2

1

FOA value属性はタグではサポートされていません 。値の代わりに<a>使用できます。alt

attr('alt')とを使用してalt値を取得できます

this.text間のテキストを返します<a>...</a>

HTML

<ul class="stags_btn" >
<li><a class="suggest" alt="5" >art</a></li>
<li><a class="suggest" alt="3">entertainment</a></li>
<li><a class="suggest" alt="23">supplier</a></li>
<li><a class="suggest" alt="81">flyer</a></li>
<li><a class="suggest" alt="32">company</a></li> 
<li><a class="suggest" alt="2">digital</a></li>
</ul>

jQuery

function myHandler(event) {
        alert(event.data.foo);
        alert($(this).attr('alt'));
        alert(this.text);
}

$(document).on("click","a.suggest",{foo: "hello"}, myHandler);

working DEMO

于 2013-06-11T06:06:05.543 に答える