用jquery替换第一个头文本

Question

我有像

这样的标题

<h3 class="left_header">First job partner</h3>
<h3 class="left_header" style="text-align:center;">Don't have an account ?</h3>

现在我想用Job partner替换第一个标头。如何通过jQuery或Java脚本来完成它。

Answer 1

尝试使用类h3获取.left_header标记，并使用:first选择器从元素集合中获取第一个实例，

$('h3.left_header:first').text('Job partner')

DEMO

Answer 2

试试这个：

 $('h3:first-child').html('sublink_active');

<强> Working Demo

Answer 3

试试这个

$("h3:first-child").html("Job Partner")

demo

Answer 4

试试这个。

$(".left_header:first").html("yourNewTitle");

Answer 5

您可以使用.first()（http://api.jquery.com/first/）

$( "h3" ).first().html("Job partner");

OR

您可以使用jQuery( ":first" )（https://api.jquery.com/first-selector/）

$(".left_header:first").html("Job partner");

fiddle

Answer 6

JQuery：

$('.left_header').first().text("Job Partner");

Answer 7

您的代码：

jQuery(".left_header h3").text("Public offers");

您的代码与您的要求不符。因为上面的代码选择“left_header”类下的所有h3元素。在您的HTML h3中有一个类left_header。因此，您应该使用以下选择器来选择元素 -

$("h3.left_header");

现在您只想选择第一个元素，因此您可以像这样使用索引号 -

document.getElementsByClassName("left_header")[0].innerText = "Job Partner";

OR

var g = $("h3.left_header");
$(g[0]).text("Job Partner");

Demo1

Demo 2

注意：完成此任务的方法不止一种 -

$(".left_header:first").text("Job Partner");

Working demo 1