I have the following html generated by a CMS for a tabbed element:

<li class="active" style="width: 233px;">
  <a href="#tabopen_tickets">Open Tickets</a>
</li>

I want to change the link's text of "Open Tickets" to other text, but I only know the link's href.

How can I do this with jQuery? Thanks!

I have the following html generated by a CMS for a tabbed element:

<li class="active" style="width: 233px;">
  <a href="#tabopen_tickets">Open Tickets</a>
</li>

I want to change the link's text of "Open Tickets" to other text, but I only know the link's href.

How can I do this with jQuery? Thanks!

• javascript
• jquery
• html
• innerhtml

• Try serverfault. (system administrators) or superuser. for your desktop machine problem from your deleted post. – Stein Åsmul Commented Jun 29, 2014 at 7:11

4 Answers 4

$('a[href="#tabopen_tickets"]').html('your new value');

Try

Attribute Equals Selector [name="value"]

$('a[href="#tabopen_tickets"]').text('Changed');

$('a[href="#tabopen_tickets"]') will select the a tag with href attribute #tabopen_tickets"

You can use:

$('li.active a').text("new text here");

if you want to get it by href then use attribute equal selector:

$(a[href="#tabopen_tickets"]).text("new text here");

You can select link with jquery that contains, start or end with some text like this var link = $('a[href*="#tabopen_tickets"]') and then change the link text like link.innerHTML("new text"); Documentation can be found here