不使用jQuery排除列表项

Question

如何排除占位符的悬停？

HTML：

<ul class="listing">
    <li><p>red</p></li>
    <li><p>green</p></li>
    <li><p>blue</p></li>
    <li id="li-placeholder"><p>placeholder</p></li>
</ul>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

JS：

$(function() {
    $(".listing > li > p").hover(function() {

    // exclude placeholder
    // try...
    // $(".listing > li > p").not("#li-placeholder").hover(function() {
    // $(".listing > li > p:not('#li-placeholder')").hover(function() {

        $(this).css("cursor", "help"); 
    });
}​)​

Answer 1

$(".listing > li:not(#li-placeholder) > p")

那是你追求的选择器。 See it

Answer 2

您将占位符标记放在LI上，而不是放在P.尝试

上

$(function() {
  $(".listing>li:not(#li-placeholder)>p").hover(function() {
     $(this).css("cursor", "help"); 
  });
})

我希望这会对你有所帮助，

Jerome Wagner