how to iterate through html recieved via jquery ajax?

Question

I have a jquery ajax which returns some html as data.

success: function(data){
$('#ajaxresponse ul.display li input').each(function(index) {

ajax response is a div which comes from jquery ajax success data. How to get the html from the response?

Pranav C Balan · Accepted Answer · 2014-01-16 15:20:18Z

3

You can use find() method in jQuery

success: function(data){
$(data).find('#ajaxresponse ul.display li input').each(function(index) {
  ........................
});

answered Jan 16, 2014 at 15:13

Pranav C Balan

115k25 gold badges173 silver badges195 bronze badges

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

2 Comments

i think #ajaxresponse is the wrapping element returned by ajax request but anyway +1

@A.Wolff : that may depend upon his response , I can't make any prediction :)

Félix Adriyel Gagnon-Grenier · Accepted Answer · 2014-01-16 15:15:36Z

0

you can append it to your html DOM where your want it to go, then do as you do now:

success: function(data){
$("#YourDiv").after(returnValue);
$('#ajaxresponse ul.display li input').each(function(index) {

where returnValue is a var containing the data returned by your ajax

answered Jan 16, 2014 at 15:15

8,94510 gold badges58 silver badges69 bronze badges

Don't need to append. See Pranav Ram's answer.