problem with .attr() method for getting value of attributes of elements

Question

i have a string like this :

string_data = "<option value='1'>ahmad</option><option value='2'>mohammad</option><option value='3'>ali</option>"

now i want get the value of value attribute of options and alert it. for this i write this :

$(string_data).contents()
.each(function(){
    value   =   $(this).attr('value');
    text    =   $(this).text();
    alert(value);
});

but this code return undefined for all of them .
in Addition string_data is a string that i get it from a php script with Ajax via $.post() jQuery method.
i am using jquery 1.6 .

Xion · Accepted Answer · 2011-05-27 08:16:13Z

3

The contents() method retrieves the children of your elements which in your case are the text nodes. Omit that method call to iterate through <option> elements:

$(string_data).each(function(){
    value   =   $(this).attr('value');
    text    =   $(this).text();
    alert(value);
});

answered May 27, 2011 at 8:16

Xion

22.9k10 gold badges57 silver badges80 bronze badges

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

Comments

Denis de Bernardy · Accepted Answer · 2011-05-27 08:20:12Z

0

I'm not sure it's valid to load the string_data like this, when jQuery expects an identifier. It should probably be more like:

$('#some_hidden_select').html(string_data).find("option")
.each(function(){
    value   =   $(this).attr('value');
    text    =   $(this).text();
    alert(value);
});

answered May 27, 2011 at 8:20

Denis de Bernardy

79.1k14 gold badges138 silver badges158 bronze badges

Comments

Alex · Accepted Answer · 2011-05-27 08:24:56Z

0

Try:

$(string_data).find("option")
.each(function(){
    value   =   $(this).attr('value');
    text    =   $(this).text();
    alert(value);
});

edited May 27, 2011 at 8:24

answered May 27, 2011 at 8:14

Alex

7,3441 gold badge21 silver badges31 bronze badges

Collectives™ on Stack Overflow

problem with .attr() method for getting value of attributes of elements

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related