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

Utilize JavaScript/jQuery to implement a prompt for saving downloaded files

Tips for effectively handling the auth middleware in react.js by utilizing LocalStorage

What is the best way to transform a UTC/GMT date and time into CST in Javascript? (CST specifically, not based on

Having trouble updating the DataTable with extra details retrieved from a new URL

Disable, Hide, or Remove Specific Options in a Single Dropdown Selection

Executing commands following a JSON loop in jQuery

Accordion menu designed exclusively with JavaScript

Ways to set a button as default clicked in an Array

AngularJS directive that performs asynchronous validation upon blur

Protractor tests are successful when run locally, but encounter failures when executed on Travis-CI

JavaScript does not allow executing methods on imported arrays and maps

Combing external JavaScript with React functionality

Struggling to implement a Datepicker in the date column of a table created using HTML and JavaScript

Using jQuery to load and parse a JSON file stored on a local system

Preventing jQuery Validate Plugin from Validating on Blur Events for a Custom Feature

aligning JSON information with JavaScript object

Refresh text displayed on a button with the help of setInterval

Extracting information from a designated website using Python, including pages with search functionality and javascript features

How can the ID of a table row be retrieved if it is selected?

What are some ways to improve performance in JavaScript?