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();