Question

我现在正努力尝试将文本放入H3标签中，所以我想我会问社区。我正在使用JQuery来获取它，但是在运行代码时我没有回复。

展示我想要的东西可能更好：

<a href="/eat-move-sleep/" class="teaserBoxLink _matchHeight">
  <div class="teaserBoxImage">
   <img src="/contentassets/6a53309d70054d14b988a9a45ab1c760/e43ee1c1d8ad4461802fde8ea7939a962.jpg?width=500&amp;height=200&amp;quality=90&amp;mode=crop" alt="" />
  </div>
  <h3 class="teaserBoxTitle">EAT MOVE SLEEP</h3>
</a>

我想从H3-tag（文本＆＃34; EAT MOVE SLEEP＆＃34;）中获取内容作为输出。

以下是我尝试过的众多方法之一的片段：

function(){
var ec = {{Click Element}};
var h3 = $(ec).siblings().find('h3').attr('class');
return h3;
}

我很感激任何帮助！：）

Answer 1

图片没有任何兄弟姐妹，$(ec).siblings()正在返回一个空集，因此.find("h3")找不到任何内容。 <h3>是图片的父<div>的兄弟，所以它应该是：

var h3 = $(ec).parent().siblings("h3").text();

或者你可以减少对特定布局的依赖：

var h3 = $(ec).closest(".teaserBoxLink").find("h3").text();

Answer 2

试试这个：

var content = $("a.teaserBoxLink._matchHeight h3").text();

我认为应该能够以这种方式访问它，但是您可能存在H3 INSIDE链接（a）的问题。

使用JQuery获取<h3>内容

2 个答案: