javascript - 获取 Anchor 的下一个元素

Question

如何通过搜索 anchor 标签来改变下一个元素(td)的值

我有这个html代码

<TR>
<TD>
   <DIV align=center>4</DIV>
</TD>
<TD>
    <DIV align=left>
        <A href="sample.asp?list=1&amp;vote=1">Juan Dela Cruz</A>
    </DIV>
</TD>
<TD>25</TD>
</TR>

我有这个 javascript

<SCRIPT>
    setTimeout(function() {
        var searchString = 'Juan Dela Cruz';
        var elements = document.getElementsByTagName('a');
        for (var i = 0; i < elements.length; i++)
            if (elements[i].innerHTML.indexOf(searchString) !== -1)
               elements[i].nextSibling.innerHTML = getRandomInt(200,250);
    }, 200);


    function getRandomInt(min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min;
    }
</SCRIPT>

然后，我想搜索名称为“Juan Dela Cruz”的 anchors(a) 标签列表。然后用它来获取下一个元素。这样我就可以更改 td 标签内的值 25

使用该名称搜索 anchor 标记非常有效，我只是在获取下一个元素时遇到问题...我在 .nextSibling 中遇到错误。有人可以帮我修复这段代码吗？谢谢:)

Answer 1

你可以试试这个片段:

主要是你需要关心 closest() 以获得下一个 td 兄弟。此 closest("td") 将返回离您最近的父 td 元素。从那里您可以使用 next("td") 获取下一个 td 元素。

Fiddle Demo

$(function() {
  setTimeout(function() {
    var searchString = 'Juan Dela Cruz';
    $("a").each(function() {
      if ($(this).text() == searchString) {
        $(this).closest("td").next("td")[0].innerHTML = getRandomInt(200, 250);
      }
    })
  }, 200);

  function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<table>
  <TR>
    <TD>
      <DIV align=center>4</DIV>
    </TD>
    <TD>
      <DIV align=left>
        <A href="sample.asp?list=1&amp;vote=1">Juan Dela Cruz</A>
      </DIV>
    </TD>
    <TD>25</TD>
  </TR>
</table>