Question

我在这个结构的页面上有几个这样的html块

<div class="listing">
<h4><a href="#">Some test Entry here</a></h4>
<div class="entry clearfix">
    <a href="#" class="btn">
        Text Here                    
    </a>
</div>
</div>

我在'.entry .btn'上有点击事件，它正在点火。但我想在与我点击的btn相同的列表块中获取'H4 a'的内部文本。我尝试了以下但是似乎无法获得H4文本。

var getTitle = $(this).parents("h4").first();
alert(getTitle.html());

我也试过closest()但仍然无法获得H4？有什么想法吗？

Answer 1

closest＆amp; parents寻找祖先。但是，h4位于父.listing的另一个孩子身上。

尝试：

var getTitle = $(this).closest('.listing').find("h4").first();

Answer 2

在jquery中使用prev函数

var getTitle = $(this).prev().find("h4").first();
alert(getTitle.html());

Answer 3

首先，您需要在DOM结构中向上遍历，以使用.parent()或.parents()函数来标识目标元素。

根据您的要求，您不需要直接父级，因此.parent()没有用，您需要使用.parents()来获取DOM中的所有祖先，并使用类选择器{{1 }＆amp;最后向内遍历以找到目标元素.listing。

JS CODE：

h4

Live Demo @ JSFIDDLE

快乐编码：）

使用Jquery获取最近父H4的文本

3 个答案: