两个div同一个类，只得到这个div的标题

Question

我认为这很容易，但我陷入困境，无法找到解决方案。我有两个div，都是同一个类。区别在于每个内容。我试图从每个文本和值中获取文本和值，但输出来自它们。我有一个图像，当它被点击时，我想从图像所在的THIS得到值。这是我的代码：

<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的标题？

Answer 1

您需要使用this：

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

Answer 2

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

使用this选择器，然后在其父级中找到h1。

Answer 3

 $(".clickme").click(function(){
        var t = $(this).closest('.mainSelect').children('h1').text();
        alert (t);
 });