I have a looping function creating:
<li id="id1" name="Tag1,Tag2,Tag3">
<li id="id2" name="Tag1,Tag2,Tag3">
$.each(data.posts, function(i, post){
$('<li >', {id: this.id , name: post.tags})
});
How do I replace the commas between the tags with spaces. Also is there a way I can send the tags to a "class" attribute instead of "name". It seems to not work in Safari.
What you probably want is this:
$('<li >', {id: this.id , className : post.tags.join(' ')})
By default, when you cast an array to a string, it get concatenated with commas as you have seen. Using join() will solve the problem.
Also, class is a reserved keyword in all browsers (though some won't throw an error if you use it), so the attribute you should use for setting the class is called className
class is a future reserved word all of them should be avoided as identifiers...
Try this:
$.each(data.posts, function(i, post){
$('<li >', {id: this.id , name: post.tags.join(' ')});
});
$.each(data.posts, function(i, post) {
$('<li >', {id: this.id , name: post.tags.replace(/[,]/g, ' ')})
});
Use the replace string method (as mentioned in other replies) to replace the commas.
As for the classes, add them like this:
$('<li >', {id: this.id }).addClass(post.tags.join(' '));
