-1

入力が隠されているがすべて異なる値を含む項目のリストがあります。各liから値を取得するにはどうすればよいですか

<ul class="happiness">
 <li><input type="hidden" value="guid-xxxx0"/> Happy </li>
 <li><input type="hidden" value="guid-xxxx1"/> Sad </li>
 <li><input type="hidden" value="guid-xxxx2"/> I dont know </li>
</ul>

これは正しい方法ですか？

$(".happiness").click(function(){
 var value = $(this).find("li input").val();
});
4

1 に答える 1

2

要素に含まれる値でコンテンツliを更新するには、クリック イベントを にバインドします。#displayer実際に<li>は、より多くのコンテンツが含まれると思います。

例えば：

Array.prototype.forEach.call(document.querySelectorAll('li'), function (elem) {
    elem.addEventListener('click', function () {
        document.getElementById('displayer').textContent =
            this.querySelector('input').value;
    });
});

これは機能しますが、それぞれの子孫liが 1 つしかないなどの仮定を行います。input

于 2013-06-22T18:38:23.890 に答える