Why does Jquery only affect the first div element? [duplicate]

by

You have duplicate ids, Which is invalid and also jQuery ID selector(or any other id selector like document.getElementById which internally jQuery uses because element with ids are indexed by most browsers and are meant to be unique) will return only the first one that appears in DOM. Change it to class and see it working:

$('.comment').each(function() { 
     var thz =  $(this); var repl =
     thz.html(thz.html().replace(/\D+/g, '')); 
});

HTML

<a class="comment1" href="#"> c2fđf011. </a> 
<a class="comment1" href="#">c20ff113. </a> 
<a class="comment1" href="#"> c201gf76341. </a>

By the way had your id been like this:-

<a id="comment1" href="#"> c2fđf011. </a> 
<a id="comment2" href="#">c20ff113. </a> 
<a id="comment3" href="#"> c201gf76341. </a>

Starts with Attribute selector will help you (But slow you down literally, since this is an attribute selector and lose the advantage of using IDs).

$('[id^=comment]').each(function() { // While using this better give a container context $('[id^=comment]', 'container').each(function...
    var thz = $(this);
    var repl = thz.html(thz.html().replace(/\D+/g, ''));
});

Demo

Moral: IDs must be unique

More Related Contents:

  1. Dynamically adding div on button click and changing Id of each?
  2. How to make page loaders/animations/transitions
  3. Get specific text from html tag jquery [duplicate]
  4. How to change the image while sharing the content to the social networks? [duplicate]
  5. How to take screenshot of a div with JavaScript?
  6. How to detect Ctrl+V, Ctrl+C using JavaScript?
  7. How to show Page Loading div until the page has finished loading?
  8. Jquery load() only working in firefox?
  9. How do I add an “Add to Favorites” button or link on my website?
  10. Play an audio file using jQuery when a button is clicked
  11. How to close an open collapsed navbar when clicking outside of the navbar element in Bootstrap 3?
  12. Drop-down box dependent on the option selected in another drop-down box
  13. Getting Bootstrap’s modal content from another page
  14. Sort an html list with javascript
  15. Run change event for select even when same option is reselected
  16. Is there a way to create out of DOM elements in Web Worker?
  17. Avoid window jump to top when clicking #-links
  18. jQuery Change event on an element – any way to retain previous value?
  19. How to build simple tabs with jQuery?
  20. Emailing to multiple recipients with html Mailto: not working
  21. Is it possible to append a div inside an SVG element? [duplicate]
  22. How can I get all a form’s values that would be submitted without submitting [duplicate]
  23. Jquery click event not firing on the element created dynamically using jquery
  24. How to show hidden divs on mouseover?
  25. Using .after() to add html closing and open tags
  26. Changing “src” attribute of
  27. Placeholder for contenteditable div
  28. Center an Image vertically and horizontally using CSS
  29. Change background on button click, using CSS only? [duplicate]
  30. Set value to currency in

Leave a Comment