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