JQuery Syntax error, unrecognized expression: ,

jquery insertafter
panzhuli picture panzhuli · Jul 31, 2012 · Viewed 8.2k times · Source

I'm trying to simply add a comma after each element in a list.

$('#tag_cloud-2 div.tagcloud a').each(function(){
  console.log($(this));
  $(", ").after($(this));
});

The console spits out the tags so I know it is finding them. I've tried insertAfter as well, but with no luck. This seams like it should be such a simple thing to do!! Thanks for pointing out what I'm missing.

Answer

thecodeparadox picture thecodeparadox · Jul 31, 2012

$(', ') is treated as selector(invalid), because it can't create text node with containing string.

But

$("<span>, </span>").after($(this)); will work because of a valid markup.

Try:

$(this).after(', ');

OR

$(this).append(', ');

OR

$(this).text(function(i, oldText) {
  return oldText + ', ';
})

Related questions

How can I add an element after another element?

I have a certain textbox and I want to add a div after it. I've tried the .append() function, but that only adds the div in the element. For example, I have: <input type="text" id="bla" /> and …

Read More
jQuery: What's the difference between after() and insertAfter()

jQuery has an .after() method, and also an .insertAfter() method. What's the difference between them? I think I can use .after() to insert elements after a selected element (or elements). Is that right? What's .insertAfter() for?

Read More
Add sliding animation to jquery insertafter and insertbefore

How to add animation moving effect to up and down sort movement. You can check the movement by clicking on the UP and DOWN text links. Here is my code $(document).ready(function(){ $('.move-up').click(function(){ if ($(this).prev()) $(…

Read More