2

これは簡単だと思ったのですが、行き詰まって解決策が見つかりません。同じクラスの 2 つの div があります。違いはそれぞれの中身です。それぞれからテキストと値を取得しようとしていますが、出力は両方からのものです。画像があり、クリックすると、画像が配置されている THIS div から値を取得したいと考えています。これが私のコードです：

<div class="mainSelect">
    <h1>I am Title</h1><br>
    <a href="javascript:void(0);" class="clickme"><img class="pic" src="img/img.png"/></a>
</div>
<div class="mainSelect">
    <h1>I am Second Title</h1><br>
    <a href="javascript:void(0);" class="clickme"><img class="pic" src="img/img.png"/></a>
</div>

そしてJavaScriptで：

$(document).ready(function(){
    $(".clickme").click(function(){
        var t = $("h1").text();
        alert (t);
    });
});

こうすると「I am Title I am Second Title」と出ます。画像がクリックされた div のタイトルのみを表示するグローバルな方法はありますか?

4

3 に答える 3

5

使用する必要がありますthis：

var t = $(this).siblings('h1').text();

于 2013-04-30T14:43:07.490 に答える
4 
$(document).ready(function(){
    $(".clickme").click(function(){
        var t = $(this).closest(".mainSelect").find("h1").text();
        alert (t);
    });
});

thisセレクターを使用h1してから、その親を見つけます。

于 2013-04-30T14:43:54.670 に答える
0 
 $(".clickme").click(function(){
        var t = $(this).closest('.mainSelect').children('h1').text();
        alert (t);
 });
于 2013-04-30T14:43:30.673 に答える