Question

<li>下有3个<ul>个项目。首页<li>将在页面加载时始终具有内容。我想知道下一个<li>是否有任何内容。

我尝试使用jQuery，但它返回的id不是下一个<li>的内容。现在它在下一个<li>中是空白的，但是一旦点击右键，我将动态填充其中的一些内容。

<ul id="slider">
    <li class="case_study" id="case_study1">Div Slide 1
        <div class="right"></div>
        <div class="left"></div>
    </li>
    <li class="case_study" id="case_study2"></li>
    <li class="case_study" id="case_study3"></li>
</ul>

jsFiddle上的演示代码。这是JavaScript：

$('.right').click(function () {
    alert($(this).parent().attr("id")).next("li").html();
    return false;
});

Answer 1

你的jQuery代码是这样的。请注意如何将jQuery函数链接到alert()：

$('.right').click(function () {
    alert($(this).parent().attr("id")).next("li").html();
    return false;
});

不应该是这样的：

$('.right').click(function () {
    alert($(this).parent().next("li").html());
    return false;
});

Answer 2

<强> Example

你的代码有点偏离（括号在错误的地方）。

$('.right').click(function () {
    var nextContent = $(this).parent('li').next("li").html();
    if (nextContent.length > 0) {
        alert(nextContent);
    } else {
       alert('No content'); 
    }
    return false;
});

修改：检查内容长度是否> 0

如何知道ul的下一个li有内容

2 个答案: