0 
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

4

2 に答える 2

1

これでうまくいくように見えますが、クリックしている各アンカー内の h3 & 段落タグのテキスト値を取得する必要があります。

$('[id^="el"]').bind("click", function(e) {
    myCode.print($(this).find('h3').text() + ', ' + $(this).find('p').text());
});
于 2012-09-04T14:22:08.147 に答える
1

これを試して

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 コード

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

});
于 2012-09-04T14:26:08.520 に答える