Jquery change text between two elements

by

You can call contents() on the parent element to obtain its child text nodes, then use slice() with index() to locate the text nodes you want to remove. From there on, after() will allow you to add the new content:

var ch1 = $("input:checkbox[name=ch1]"),
    ch2 = $("input:checkbox[name=ch2]"),
    contents = ch1.parent().contents();
contents.slice(contents.index(ch1) + 1, contents.index(ch2)).remove();
ch1.after("The text was changed.");

You can test it in this fiddle.

More Related Contents:

  1. When we using alert vs popup div tag? [closed]
  2. Download the text over image using jquery
  3. Javascript: How to force the user to click on select
  4. How to change the href attribute for a hyperlink using jQuery
  5. jQuery Get Selected Option From Dropdown
  6. How to take screenshot of a div with JavaScript?
  7. Force browser to download image files on click
  8. Event detect when css property changed using Jquery
  9. How to silently hide “Image not found” icon when src source image is not found
  10. How to close an open collapsed navbar when clicking outside of the navbar element in Bootstrap 3?
  11. Use images like checkboxes
  12. How to manually trigger validation with jQuery validate?
  13. Drop-down box dependent on the option selected in another drop-down box
  14. Setting CSS value limits of the window scrolling animation
  15. How can I generate the opposite color according to current color?
  16. How do I get the content of a using jQuery?
  17. scrollTop animation without jquery [duplicate]
  18. Change the content of a div based on selection from dropdown menu
  19. How to swipe top down JQuery mobile
  20. Best way to execute js only on specific page
  21. what is the meaning of jquery random attributes in html ? [expando attribute]
  22. jQuery animated number counter from zero to value
  23. Print a div content using Jquery
  24. How to use SimplePagination jquery
  25. jQuery, image changing on hover [duplicate]
  26. html5 drag and drop FOR MOBILE [duplicate]
  27. How to display file name for custom styled input file using jquery?
  28. In JQuery, Is it possible to get callback function after setting new css rule?
  29. Include SVG files with HTML, and still be able to apply styles to them?
  30. A way to scroll an underlying div when mouse is on top of a fixed div?

Leave a Comment