javascript - 从 TD 中搜索文本，然后从下一个 TD 中获取值

Question

我是新来的，所以我希望我做得正确，我所做的代码有问题，我想做的是例如:

<td> FIND  THIS  </td>
<td> VALUE </td> 

我想要一个函数来搜索“find this”，当找到例如 var X 时获取“value”

我尝试了以下方法，当元素标签是 (a) 或 (Li) 时它有效，但是当我执行 (tr) 时它不起作用，有人可以帮助我吗？我想我错过了一些东西......

tds=document.getElementsByTagName('a');

for(var i=0;i<tds.length;i++) {
  if(tds[i].innerHTML.indexOf('ND')>=0 ) {
		ND=tds[i+1].innerHTML;
    alert("ND4")
    alert(ND)             
    break;
  }
}

<ul>
  <li>Coffee</li>
  <li>ND</li>
  <li>Milk</li>
</ul>
 <a>Coffee</a>
  <a>ND</a>
  <a>Milk</a>

<td>a</td>
<td>ND</td>
<td>c</td>

Answer 1

• 您的 HTML 有问题，特别是 TD 部分。
• 这些 TD 必须位于 TR 元素内。

<小时/>

<table>
  <tbody>
    <tr>
      <td>a</td>
      <td>ND</td>
      <td>c</td>
    </tr>
  </tbody>
</table>

var tds = document.getElementsByTagName('td');
for (var i = 0; i < tds.length; i++) {
  if (tds[i].innerHTML.indexOf('ND') >= 0) {
    ND = tds[i + 1].innerHTML;
    alert("ND4");
    alert(ND);
    break;
  }
}

<ul>
  <li>Coffee</li>
  <li>ND</li>
  <li>Milk</li>
</ul>

<a>Coffee</a>
<a>ND</a>
<a>Milk</a>
<table>
  <tbody>
    <tr>
      <td>a</td>
      <td>ND</td>
      <td>c</td>
    </tr>
  </tbody>
</table>