獲取類的h3元素

Question

我有這個HTML：

<a class="prev" onClick="load('prev')">
  <span class="icon-wrap"></span>
  <h3><strong>Alexis</strong> Tsipras</h3>
</a>

我想修改h3的文本。 我該怎么做？

---

我嘗試過的許多事情之一：

$(".prev + span + h3").text();

但它返回一個空字符串。

Answer 1

$(".prev h3").html("<p>Hello World</p>"); // To set HTML Content

$(".prev h3").text("Hello World"); // To set Plain Text

您需要使用正確的CSS Selector ， div + p選擇緊接<div>元素之后的所有<p> <div>元素

$(".prev h3").text(); // Will fetch the text

Answer 2

span不是.prev （它是.prev子.prev ）。

更改$(".prev + span + h3").text(); 到$(".prev span + h3").text();

Answer 3

如果頁面上只有一個h3元素，則只需定位該元素即可：

 $('h3').text();

如果您有多個，則確實需要使用上下文。 你可以這樣做：

<a class="prev">
  <span class="icon-wrap"></span>
  <h3><strong>Alexis</strong> Tsipras</h3>
</a>


$('.prev').click(function() {
  $(this).find('h3').text('hello');
});