从列表jquery中获取最接近的值

Question

我需要从我的列表中获取最接近的类html，但如果我直接放置closest ，它总是返回null。 我尝试了其他一些想法，但它不起作用。

html：

<ul id="ulId">
  <li class='effectLeg'>
    Stuffs
  </li>
  <li class='test legColor' style=''></li>
  <li class='effectLeg'>
    Stuffs 2
  </li>
  <li class='test legColor'></li>
</ul>

所以，如果我悬停在最后一个LI（对于exp。），悬停将获得最接近的类effectLeg并给我HTML或其他内容（在这种情况下为STUFFS 2）。

js ：

$(".legColor").live("hover", function(){
    alert($(this).closest("#ulId").find(".effectLeg").html());
});

最近我得到使用发现，但发现只有得到我的第一个值li

我做了一个exp：检查演示

Answer 1

.closest()搜索元素的祖先，但看起来你正试图搜索兄弟姐妹。 我想你只想要.prev() ：

$(".legColor").live("hover", function(){
    console.log($(this).prev('li.effectLeg'));
});

演示： http ： //jsfiddle.net/mattball/nggyX/

Answer 2

你的语法不正确......取决于你做之后你最接近的事情：

alert($(this).closest("ul").html()); 

这将返回#ulId的html