从TD搜索文本,然后从下一个TD获取值

时间:2018-02-24 18:39:24

标签: javascript

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

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

我希望有一个功能来搜索“找到这个”,当找到例如var X来获得“值”时

我尝试了以下内容,当元素标签是(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>

1 个答案:

答案 0 :(得分:1)

  • 您的HTML存在问题,尤其是TDs
  • 部分
  • 那些TDs必须位于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>