jQuery get title attribute of html link

Question

I have the following jquery snippet which looks for the div with the classes "selector-options my-wrapper selected"

<div class="selector-options my-wrapper selected">
    <a class="my_anchor" title="This is my link title" href="www.myexample.com">
        My Link
    </a>
</div>

jQuery(window).load(function()
    {
        jQuery( ".elector-options.my-wrapper.selected" ).css( "border", "1px solid blue" );
    });

This is working great but now I would like to save the .my_anchor link title attribute within the specific div as a variable.

Anyone got a example of something similar I can see?

Sebastianb · Accepted Answer · 2016-02-16 15:47:28Z

3

If the anchor element is the only one with that class, this should work:

var title = $('.selector-options.my-wrapper.selected > .my_anchor').attr('title');

If it's not the only one, you should use an id.

This assumes the anchor is a direct child of .selector-options.my-wrapper.selected

answered Feb 16, 2016 at 15:47

Sebastianb

2,06024 silver badges31 bronze badges

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

Comments

Rajesh Dixit · Accepted Answer · 2016-02-16 15:27:59Z

0

You can try something like this:

var title = "";
$(".my_anchor").on("click", function(e){
  title = $(this).attr("title");
  alert(title);
  return false;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="selector-options my-wrapper selected">
    <a class="my_anchor" title="This is my link title" href="www.myexample.com">
        My Link
    </a>
</div>

answered Feb 16, 2016 at 15:27

Rajesh Dixit

25k5 gold badges52 silver badges86 bronze badges

1 Comment

Ricky Barnett Over a year ago

This will work but not sure if OP needs the value before a click event or not

Ricky Barnett · Accepted Answer · 2016-02-16 15:34:00Z

0

Try this:

var myVar = $('.selector-options.my-wrapper.selected').find('.my_anchor').attr('title');

edited Feb 16, 2016 at 15:34

answered Feb 16, 2016 at 15:23

Ricky Barnett

1,1704 gold badges15 silver badges34 bronze badges

4 Comments

fightstarr20 Over a year ago

I am looking to target the specific .my_anchor within the div. Will make OP clearer

Ricky Barnett Over a year ago

I don't understand, are there multiple .my_anchor elements? if so how do you know which one you're trying to target?

fightstarr20 Over a year ago

There isn't multiple .my_anchor elements in the example I have given but I am looking to target the .my_anchor within the given div

Siraj Hussain Over a year ago

class selector always return arry

Collectives™ on Stack Overflow

jQuery get title attribute of html link

3 Answers 3

Comments

1 Comment

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related