nextSibling使用注意(html的注释)

nextSilbling 属性的作用是:直接返回一个节点之后的节点(其后的节点与当前节点同属一个级别)。

<table>
<tr>
<td name='b'><input  class="a" value="1"/></td>

<td name='b'><input   value="2"/></td>

<!--<td>4</td>-->

<td>3
</td>
</tr>
</table>
<body>
</body>
</html>
<script type="text/javascript">
$(function(){
$('.a').change(function(event){
event.target.parentElement.nextSibling.nextSibling.nextSibling.innerText='5';执行后会将3换成5
})

})
</script>

上面使用了3个nextSibling,说明将注释的部分也算作了一个节点。原因不知道为什么?

原文地址:https://www.cnblogs.com/zhenmingliu/p/2481414.html