javascript - Td 内部元素

Question

我对 jQuery/Javascript 很陌生。
我想知道 td 元素是否有多个带有文本的 li 元素..
如果有多个带有文本的 li 元素，我有以下 td 。 代码示例:

<td class="tdClass"/>
  <div id="div1Id" class="div1Class">
    <ul class="ulClass">
        <li id="" class="rtLI rtFirst">
            <div class="rtMid">
                <div>Text1</div>
            </div>
        </li>
        <li id="" class="rtLI rtLast">
            <div class="rtMid">
                <div>Text2</div>
            </div>
        </li>
    </ul>

 </div>
</td>

如果我只有一个没有文本的 li 元素，则执行以下操作:

<td class="tdClass"/>
<div id="div1Id" class="div1Class">
    <ul class="ulClas">
        <li id="" class="rtLI rtFirst rtLast">
            <div class="rtMid">&nbsp;</div>
        </li>
    </ul>

  </div>
</td>

我如何以简单的方式(jQuery/javascript)知道我的td是否有“内部元素”？ 我看到，如果有元素，第一个 li 项只有 rtLI rtFirst 类，如果没有 rtLI rtFirst reLast 但我怎么能从我的代码？ 谢谢

Answer 1

我的回答基于您的评论

i want to know if i have only one 'li' with inner div element with empty text.

因为您的实际问题的措辞不太清楚。

<小时/>

似乎有多种方法可以实现您所追求的目标，它们都从引用您的 div 元素开始。在 jQuery 中，您可以使用 # 选择器按 Id 选择元素

var $div = $('#divId');

(注意，作为一种常见的约定，您可以在与 jQuery 对象相关的变量前加上 $ 前缀，以将它们与其他变量区分开来。不是必需的，而是一个有用的约定)

从那里开始，只有空白文本的元素似乎同时具有 rtFirst 和 rtLast 类。这样您就可以计算这两个类(class)的 child 人数。如果该计数等于 1，则您拥有该元素。

if($divId.find('.rtFirst.rtLast').length === 1){
    // you only have the one element with both rtFirst _and_ rtLast
}

另一种方法是计算 div 中 ul 的子元素数量

var numberofLis = $divId.children('ul').children().length;
if(numberofLis === 1){
    // you only have the one element
}

还有无数其他方法可以实现同样的目的。