Target an html element based on title tag using JQuery

Question

How to target an HTML element based on its title tag?

let's say we have:

<a class="cat" title="categoryName">categoryName</a>

How to target this anchor element using its title tag then append some text to it.

I tried this but it doesn't work:

$(".cat['title' = *categoryName*]").append('*someText*');

also tried this but it doesn't work:

$(".cat['title' ~= *categoryName*]").append('*someText*');

are you looking for exact match or title containing the text categoryName? — Bhushan Kawadkar
– Bhushan Kawadkar, Commented Jul 15, 2015 at 11:05
How about $('.cat[title = "categoryName"]').append('*someText*'); — tarzanbappa
– tarzanbappa, Commented Jul 15, 2015 at 11:06

ᔕᖺᘎᕊ · Accepted Answer · 2015-07-15 11:22:02Z

2

21 problems:

~~You've got an invalid a tag - you've prematurely closed it, and~~
your selector is wrong. See the Attribute Equals Selector section at the jQuery docs.

This works:

$(".cat[title = 'categoryName']").append('someText');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="cat" title="categoryName">categoryName</a>

answered Jul 15, 2015 at 10:59

ᔕᖺᘎᕊ

3,0313 gold badges27 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1