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

Question

我有 3 <li> <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

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