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");
    });

});

我有这个锚元素列表：

<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>

如何在编写绑定元素时绑定多个元素如果点击了锚点el4，我想打印Values: header 4, paragraph 4 那么如何才能在Jquery中获取点击的相应锚点的标题或段落？

Answer 1

看起来会这样做，你需要抓住h3＆amp;的文本值。您点击的每个锚点内的段落标记。

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

Answer 2

试试这个

的 HTML 的

<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>

JS CODE

var myCode = {}; (function( global ) { global.print = function(value){ alert("Values: " + value); } })(myCode); $(document).ready(function(e) { $('[id^=el]').bind("click", function(e) { myCode.print($(this).find('h3').text()+ ' '+ $(this).find('p').text()); }); });

JQuery：从多个锚点绑定中获取特定值？

2 个答案: