js同级特定元素获取

Question

  alert($(this).parent().next().html());
  alert($(this).parent().next(".status_format").html());
  

这个写法有没有错？为什么第一个能弹出，第二个弹出null

Answer 1

next()已经确定是紧接着后面的第一个元素了是唯一的，不是一个集合，用siblings或者nextAll再加类选择器

Answer 2

$(this).parent().next()$(this).parent()的下一个同级元素，在这里是inout的直接父元素的td的下一个同级元素td
$(this).parent().next(".status_format")$(this).parent()的下一个同级元素并且其class为status_format，在这里是inout的直接父元素的td的下一个同级元素td，但是其没有class为status_format

你应该使用siblings方法