DOM select all html content between two specific tags JS or JQuery

53Y3D3V :

I have something like this in html:

<p class ="aa">Something<p>
<p class ="bb">Another thing<p>
<p class ="cc">Something else<p>
<p class ="aa">Things are coming<p>
<p class ="dd">Too much things<p>
<p class ="ee">Neverending things<p>
<p class ="aa">Best thing ever<p>

And I want to select and store in a variable every tags between two tags with the "aa" class. (The goal is to store each result in a JSON file) How can I proceed with vanilla JS or Jquery? Thank you for your response.

vityavv :

You can probably do something like this

let selectedTags = []
let allTags = document.querySelector(".aa").parentNode.children
for (let i = 1; i < allTags.length; i++) { //1 to skip the first aa element
  if (allTags[i].className.includes("aa")) {
    break;
  }
  selectedTags.push(allTags[i])
}

After that, you can iterate over selectedTags to do whatever you want with them, including storing variables.

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=346904&siteId=1

DOM select all html content between two specific tags JS or JQuery

c # specific tag content taken html tags removed

Extracting all the text between two tags(bold)<b> using XPATH

HTML (two) HTML tags (on)

js calculates all dates between two dates

Pandas: Select all data from Pandas DataFrame between two dates

js remove all html tags and the string & nbsp symbol de spaces

Two, HTML tags guide

jQuery js implements checkbox check box select all, unselect all, inverse select PHP

Similarities and differences between jQuery getting text content and native JS?

Conversion between DOM and Jquery

js DOM exercises, make a single-select multiple-select all form form

2--Mutual conversion between Jquery object and JS DOM object

jQuery-select all/select all/reverse select

js-regular-front-end search log implementation The content before two specific strings in the log is highlighted and discolored

jQuery select all, deselect, cancel

Two commonly used HTML tags

JS - select all and inverse

JS - select all and inverse

js select all

js select all

jQuery's select all inverse select

jquery--checkbox select all / uncheck all

Select all and deselect all functions in jQuery [Detailed]

Select all and reverse selection (what is the difference between javacript&jQuery implementation)

Use in jQuery select option: selected data between two drop-down box exchange

HTML basics: content tags, attributes, forms

Negation of regex for finding HTML tags and their content - java

Content with tags, display problems in HTML, JSTL

js removes all tags, spaces and carriage return line breaks in html and only keeps the text