javascript - javascript 选择父元素的子元素

Question

例如我想做这样的事情：

<td class="repeats">     
    <img src="a.png"/>
    <span onmouseover="this.parentNode.info.src='images/b.png'" 
          onmouseout ="this.parentNode.info.src='images/a.png'">
          text here
    </span>
</td> 

在不使用 ID 或 JQuery（理想情况下）的情况下，我需要一种在当前单元格中选择图像的方法。如何做到这一点？

我只想更改当前单元格，而不是具有同一类的所有单元格。

Answer 1

使用previousSibling：

<td class="repeats">     
    <img src="a.png"/>
    <span onmouseover="this.previousSibling.src='images/b.png'" 
          onmouseout ="this.previousSibling.src='images/a.png'">
          text here
    </span>
</td> 

文档：https ://developer.mozilla.org/en-US/docs/DOM/Node.previousSibling

---

或者您可以使用parentNode.childNodes[0]：

<span onmouseover="this.parentNode.childNodes[0].src='images/b.png'" 
    onmouseout ="this.parentNode.childNodes[0].src='images/a.png'">
    text here
</span>

Answer 2

你可以试试这个

$('td[class="repeats"]').children().filter('Img').dosomething();