如何用Nightwatch获取元素文本/值/innerText？批量元素点击问题求助

我来帮你梳理下问题所在，以及给出对应的解决方案：

首先，你当前代码里item.text返回undefined的原因很明确：elements方法返回的res.value是一组WebElement JSON对象，每个对象只有一个ELEMENT属性（用来标识元素的唯一ID），并没有直接的text属性。要获取元素的文本内容，必须通过Nightwatch提供的elementIdTextAPI来操作。

接下来是完整的解决方案，我们需要逐个遍历这些元素，获取它们的文本，判断是否包含"id"，再执行点击操作：

方案1：使用回调函数处理异步操作 #

browser
  .waitForElementVisible('#txtBusca', 4000)
  .elements('class name', 'botaoParametroAc', function(res) {
    // 提取所有元素的WebElement对象
    const targetElements = res.value;
    
    // 遍历每个元素
    targetElements.forEach(function(elementObj) {
      // 获取当前元素的文本内容
      browser.elementIdText(elementObj.ELEMENT, function(textResult) {
        const elementText = textResult.value;
        console.log('当前元素文本:', elementText);
        
        // 判断文本是否包含"id"，符合条件则点击
        if (elementText.includes('id')) {
          browser.elementIdClick(elementObj.ELEMENT, function() {
            console.log('已点击包含"id"的元素');
          });
        }
      });
    });
  });

方案2：使用async/await简化异步流程（推荐） #

如果你的Nightwatch版本支持ES6+的async函数，用这种方式可以避免回调地狱，代码更易读：

browser
  .waitForElementVisible('#txtBusca', 4000)
  .perform(async function() {
    // 获取所有目标元素
    const elementsResult = await browser.elements('class name', 'botaoParametroAc');
    const targetElements = elementsResult.value;
    
    // 逐个处理元素
    for (const elementObj of targetElements) {
      // 获取元素文本
      const textResult = await browser.elementIdText(elementObj.ELEMENT);
      const elementText = textResult.value;
      console.log('当前元素文本:', elementText);
      
      // 匹配条件则点击
      if (elementText.includes('id')) {
        await browser.elementIdClick(elementObj.ELEMENT);
        console.log('已点击包含"id"的元素');
      }
    }
  });

补充：Nightwatch获取元素内容的常用方法 #

针对你提到的「如何获取元素文本/值/innerText」，整理了常用API：

• 获取元素文本（对应innerText）：
  • 单个元素：browser.getText('selector', (res) => console.log(res.value)) 或 const text = await browser.getText('selector')
  • 多个元素：先通过elements获取所有元素的WebElement对象，再逐个用elementIdText
• 获取输入框的value值：browser.getValue('selector', (res) => console.log(res.value)) 或 const inputValue = await browser.getValue('selector')
• 获取元素的innerHTML：browser.getHTML('selector', false, (res) => console.log(res.value)) 或 const innerHtml = await browser.getHTML('selector', false)（第二个参数false表示返回innerHTML，true则返回包含元素自身标签的完整HTML）

内容的提问来源于stack exchange，提问作者carloseduleal