使用jquery获取子div长度

时间:2015-12-15 19:47:02

标签: javascript jquery asp.net asp.net-mvc jquery-ui

此代码有什么问题

   var divlenght=$("#+"$("#meetingstopright").children().children().attr('id'))> div").length;

我试图在一个级别找到子div的数量。

2 个答案:

答案 0 :(得分:1)

加号不应该在引号之外?连接字符串?像这样:

$("#"+

在id attr后我认为你应该再次连接,比如:

attr('id'))+" > div")

你可以将过程分解成一些小东西,比如这里的代码,直到找到问题

console.log($("#meetingstopright"))
console.log($("#meetingstopright").children())
console.log($("#meetingstopright").children().children())
...

答案 1 :(得分:1)

如果没有看到您的HTML标记,很难说出您要实现的目标。但一般来说,最好在HTML标记中为特定div提供一个css类名,以便在jQuery选择中使用该css类名而不是进行链式children调用

<div id="meetingstopright">
   <div class="child">
       <div class="child3" id="id16">
          <div class="meetingItem">Item 1</div>
          <div class="meetingItem">Item 2</div>
          <div class="meetingItem">Item 2</div>
       </div>       
   </div>
 </div>

要获取Item div的计数,您可以将find方法与css类名一起使用。 find方法将深入到层次结构中并获得它。

var meetingcount = $("#meetingstopright").find("div.meetingItem").length;