How to get the inner span id using JQuery

Question

I use the following code.

<div class="tt-suggestion">
    <p style="white-space: normal;">
        <span id="1">Rajesh<span style="float:right;">Bangalore</span>
        </span>
    </p>
</div>

When i click on , i need to have inner id.Below is my code to get the span id

$(document).on('click', '.tt-suggestion', function(){
var id=$(this).find("span").id;
});

How many values get from the database that many number of times that repeats. When i click on that , if i get the id, I have to send that id as a parameter to other php using ajax.But i am not able to get the id. Can anyone please help on this,Thanks.

tckmn · Accepted Answer · 2015-04-06T00:50:35.383

5

You'll have to use attr (doc link), since jQuery objects do not have an id property:

$(document).on('click', '.tt-suggestion', function(){
    var id = $('span', this).attr('id');
});

I've also removed the call to find to replace it with a more elegant form, although that's of course my opinion and not completely necessary.

edited Apr 06 '15 at 00:50

answered Apr 06 '15 at 00:48

tckmn

57,719
27
114
156

.attr() is deprecated; use .prop() is recommended. – frenchie Apr 06 '15 at 00:49
1+ Beat me.. or you can use `$('span', this)[0].id`. – Josh Crozier Apr 06 '15 at 00:49
@frenchie Huh? Since when is `attr` deprecated? – tckmn Apr 06 '15 at 00:51
read here: http://stackoverflow.com/questions/15070277/why-jquery-1-9-attr-method-not-deprecated – frenchie Apr 06 '15 at 14:30
you're right, attr() is not deprecated but it's not the best way to do it: prop() is better – frenchie Apr 06 '15 at 14:31

score 0 · Answer 2 · answered Apr 06 '15 at 00:55

0

simply you can call the function attr to get any element attribute value

$(document).on('click', '.tt-suggestion', function(){
var id=$(this).find("span").attr('id');
    alert(id);
});

you can test you code here https://jsfiddle.net/qumop5pk/

answered Apr 06 '15 at 00:55

Muhammad El-Saeed

52
7

score 0 · Answer 3 · answered Jun 16 '20 at 14:45

0

Really simple call this function and you will get it... try ;-)

$('span').click(function (){

var Id=$(this).attr('id');

alert(Id);

});

answered Jun 16 '20 at 14:45

giuseppe

105
9

How to get the inner span id using JQuery

3 Answers3