jQuery基于href改变链接的innerHTML

Question

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!

Answer 1

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

Answer 2

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"

Answer 3

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");

Answer 4

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