获取 class 的 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

如果您的网页上只有一个 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');
});

Answer 2

$(".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> 个元素

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

Answer 3

span 不是 .prev 的兄弟姐妹（它是 .prev 的 children）。

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

获取 class 的 h3 元素

Get h3 element of class

html

javascript

jquery

jquery-selectors