javascript - JQuery:从多个 anchor 绑定(bind)中获取特定值？

Question

var myCode = {};

(function( global ) {
     global.print = function(value){
                   alert("Values: " + value);
                }
            })(myCode);


$(document).ready(function(e) {
    $('[id^=el]').bind("click", function(e) {
        myCode.print("Value");
    });

});

我有这个 anchor 元素列表:

<li>
    <a id="el1"><h3>header 1</h3><p>paragraph 1</p></a>
</li>
<li>
    <a id="el2"><h3>header 2</h3><p>paragraph 2</p></a>
</li>
<li>
    <a id="el3"><h3>header 3</h3><p>paragraph 3</p></a>
</li>
<li>
    <a id="el4"><h3>header 4</h3><p>paragraph 4</p></a>
</li>

如何在不编写绑定(bind)元素的情况下绑定(bind)多个元素 如果点击 anchor el4 我想打印 Values: header 4, paragraph 4 那么我怎样才能在Jquery中获取被点击的相应 anchor 的标题或段落呢？

Answer 1

看起来这样就可以了，您需要获取您单击的每个 anchor 内的 h3 和段落标记的文本值。

$('[id^="el"]').bind("click", function(e) {
    myCode.print($(this).find('h3').text() + ', ' + $(this).find('p').text());
});