Retrieve the class using a text string and then obtain the subsequent string

Question

Retrieve the class using a text string and then obtain the subsequent string

I am searching for the first class containing the text "Routed:" and then I want to retrieve the following string. I attempted to utilize document.querySelector, but I'm uncertain if this is the correct approach.

<td class="msvb2">Routed:</td>
<td class="msvb2">AAZ12332</td>

Edit update:

var tds = document.getElementsByClassName('ms-cellstyle ms-vb2');

var value, index = 0, length = tds.length;

for ( ; index < length; index++) {

-   if (tds[index].textContent == 'Routed:') {

-         value = tds[index].nextElementSibling.textContent;

- break;
- }
}

document.getElementsByClassName('ms-cellstyle ms-vb2').textContent = value;

console.log(textContent);

When running this script, I encounter the error:

Uncaught ReferenceError: textContent is not defined

javascript

Answer 1

Answer №1

To achieve this task, you can gather all elements with a specific class and examine their content to locate a match. Once a matching element is found, you can retrieve the content of its next sibling.

Check out this Fiddle for an example: http://jsfiddle.net/abc123xyz/1/

var elements = document.getElementsByClassName('sampleClass');
var value, index = 0, totalElements = elements.length;
for ( ; index < totalElements; index++) {
    if (elements[index].textContent == 'Target Text:') {
        value = elements[index].nextElementSibling.textContent;
        break;
    }
}

Answer 2

To achieve this task, you can gather all elements with a specific class and examine their content to locate a match. Once a matching element is found, you can retrieve the content of its next sibling.

Check out this Fiddle for an example: http://jsfiddle.net/abc123xyz/1/

var elements = document.getElementsByClassName('sampleClass');
var value, index = 0, totalElements = elements.length;
for ( ; index < totalElements; index++) {
    if (elements[index].textContent == 'Target Text:') {
        value = elements[index].nextElementSibling.textContent;
        break;
    }
}

Answer 3

Answer №2

To extract all the td elements, iterate through each of them and check if their textContent matches a specified search string. If found, return the value of the following node within the loop.

function retrieveNextValue (searchCriteria) {

  var nextData = '', tableData = document.querySelectorAll('td');

  for (var index=0; index < tableData.length; index++) {
    if (tableData[index].textContent === searchCriteria) {
      return tableData[index+1].textContent;
    }
  }
};

console.log(   retrieveNextValue('Routed:') );

Answer 4

To extract all the td elements, iterate through each of them and check if their textContent matches a specified search string. If found, return the value of the following node within the loop.

function retrieveNextValue (searchCriteria) {

  var nextData = '', tableData = document.querySelectorAll('td');

  for (var index=0; index < tableData.length; index++) {
    if (tableData[index].textContent === searchCriteria) {
      return tableData[index+1].textContent;
    }
  }
};

console.log(   retrieveNextValue('Routed:') );

Retrieve the class using a text string and then obtain the subsequent string

Answer №1

Answer №2

Similar questions

Analyzing data visualization within CSS styling

Ensure that the placeholder remains visible as you type in the input field

Tips for customizing the appearance of date circles and text in Vue V-Calendar.io

Experience seamless slide transitions with the react-slick carousel using scroll events in React JS and JavaScript

Guide to dynamically setting SCSS $variables in JavaScript after retrieving them from local storage in a React application

Is there a way to ensure that my AngularJS factory fetches HTTP data only once?

Losing authentication token when refreshing with Nuxt asyncData and Axios

Using Vue.js, perform calculations on various fields within an array of objects generated by the v-for directive

JavaScript can extract a portion of an array

Ways to organize JSON data from a fetch request into multiple divisions

What is the best location to initialize Firebase in a React Native application?

The issue with EJS Header and Footer not showing up on the

Is there a way to utilize a value from one column within a Datatables constructor for another column's operation?

Which is the Better Choice for an MMO WebSocket Server: Node.js or C++?

Avoid Scrolling within an iFrame in HTML with the Use of #

Having difficulty accessing the ::after element on Firefox when attempting to click

Is it possible to modify the express static directory path depending on the route being accessed?

Problem arising from apostrophe usage in Javascript OData request

Incorporate the ability to display a shape on a map when hovering over a table element, without the need to manually code a JavaScript function for every instance

Create dual modules within a single project