Get comma-separated values from jquery ajax data

Question

I need to get a list of comma-separated values from jQuery ajax data returned from the server. The data I am getting is as below

<div id="1" class="clicked">A</div>
<div></div>
<div id="2" class="clicked">B</div>
<div></div>
<div id="3" class="clicked">dsf</div>
<div></div>
<div id="4" class="clicked">fd</div>
<div class=users>[email protected],[email protected]</div>

This is the data that I get when the alert it. I need to extract the div with class = users and update it to another div as lists. How is it possible.. Please help

did you check this link stackoverflow.com/questions/5089015/jquery-split-function — Raghuveer
– Raghuveer, Commented Nov 3, 2012 at 4:40

mrtsherman · Accepted Answer · 2012-11-03 05:13:37Z

3

Something like this works. We use $ to cast the string into a jQuery object. Then you can use normal jQuery calls like filter to get the list of emails.

Then create a list. Then append each email to it.

http://jsfiddle.net/BCmqL/3

//just hardcode in an example of your data
var ajaxData = '<div id="1" class="clicked">A</div><div></div><div id="2" class="clicked">B</div><div></div><div id="3" class="clicked">dsf</div><div></div><div id="4" class="clicked">fd</div><div class=users>[email protected],[email protected]</div>';

//turn it into a jQuery object, now you can just use jQuery to do stuff
$jObject = $(ajaxData);
$emails = $($jObject).filter('div.users').text();

//split the list to get all the emails
var emails = $emails.split(',');

//create a list to add list items to
var $ul = $('<ul />');

//iterate through list and append them to a ul
$(emails).each( function(index, value) {
    var $li = $('<li>'+value+'</li>');
    $ul.append($li);
});

//append new list to body
$('body').append($ul);

edited Nov 3, 2012 at 5:13

answered Nov 3, 2012 at 4:44

mrtsherman

40k23 gold badges90 silver badges111 bronze badges

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

1 Comment

rubyist Over a year ago

It worked!! Thanks.. Btw why do we need to convert it into a jquery object first. Why can't i use $(data).find('#users').text();

Collectives™ on Stack Overflow

Get comma-separated values from jquery ajax data

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related