2

我认为这很容易，但我被卡住了，找不到解决方案。我有两个 div，都是同一个类。不同的是每个里面的内容。我试图从每个中获取文本和值，但输出来自它们两个。我有一个图像，当它被点击时，我想从图像所在的这个 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);
    });
});

当我这样做时，我得到“我是标题，我是第二个标题”。是否有一种全局方法来仅显示单击图像的 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 回答