3

まず、次のように ul に EventListener を追加します。

action_list_ul.addEventListener("click", set_ua_value, false);

set_ua_value ジョブは次のとおりです。

• ul の子 (li 要素) で行われたすべてのクリックをリッスンします • クリックされた li 内の a タグの値 (innerHTML?) を取得します

<ul id="action-list">
<li><a href="#">foo</a></li>
<li><a href="#">bar</a></li>
</ul>

foo がクリックされた場合、"foo" 文字列を取得する必要があります。

私はJavaScriptにかなり慣れていないので、クリックされたliの実際の「これ」を取得する方法がわかりません。

jQueryは使いたくない。ありがとう ：）

4

3 に答える 3

5

手っ取り早い方法は、イベントをリストにバインドし、アンカー タグでフィルター処理することです。

JS

var action_list_ul = document.getElementById('action-list');
action_list_ul.addEventListener("click", set_ua_value, false);

function set_ua_value (e) {
  if(e.target.nodeName == "A") {
       console.log(e.target.innerHTML);
    }

}

JSビン

または、 でフィルタリングし、またはLIを介し​​てアンカーにアクセスできます。firstChildchildNodes[0]

于 2013-07-30T23:47:19.423 に答える