jq判断某个div里面有几个元素_框架

var $dom = $("#div"); //div是你要判断的div的ID值

if($domnext()length){

alert("后面有DOM");

} else {

alert("后面没DOM");

}

<!doctypehtml>

<head>

<metacharset="UTF-8">

<title>得到li的数量</title>

<scripttype="text/javascript"src="/js/jquery-191minjs"></script>

<scripttype="text/javascript">

$(document)ready(function(e){

$("btn_1")click(function(){

//选择clss为show_length的div，找到div里面的ul，再选择li，length就是得到个数

alert($("show_lengthulli")length);

});

</script>

</head>

<body>

<divclass="show_length">

<ul>

<li>深圳网站建设</li>

</ul>

</div>

<inputtype="button"class="btn_1"value="得到li的数量"/>

</body>

</html>

可以先获取所有相同class的标签，然后获取标签的个数。

1、新建html文档，在body标签中添加一些div标签，并为这些div标签设置一些类，然后引入jquery文件：

2、使用jquery获取所有相同类名的标签，格式为$('class名')，这时所有相同类名的标签会被选中：

3、获取标签之后，使用length属性获取标签的个数，这时相同类名的个数就被获取到了：

1．HTML结构

< input type = "checkbox" name = "test" value = "1" / > < span > 1 < / span >

< input type = "checkbox" name = "test" value = "2" / > < span > 2 < / span >

< input type = "checkbox" name = "test" value = "3" / > < span > 3 < / span >

< input type = "checkbox" name = "test" value = "4" / > < span > 4 < / span >

< input type = "checkbox" name = "test" value = "5" / > < span > 5 < / span >

2．Javascript代码：

函数show（）｛

Obj文件。getElementsByName（“测试”）；

Check＿val＝［］；

For（kinobj）｛

如果（obj［k］。检查）

Check＿val。Push（obj［k］。值）；

｝

警报（check＿val）；

｝

扩展资料：

JQuery对复选框的各种 *** 作：

1．根据id获取复选框：

＄（＂＃cbCheckbox1＂）；

2．得到所有的复选框：

＄（＂input［type＝＇checkbox＇］＂）；／／或

＄（＂input［name＝＇cb＇］＂）；

3．获得所有选中的复选框：

＄（＂input：thecheckboxchecked＂）；／／或

＄（＂input：［type＝＇checkbox＇］：checked＂）；／／或

＄（＂input［type＝＇checkbox］：checked＂）；／／或

＄（＂input：［name＝＇ck＇］：checked＂）；

思路：在页面设计时就将指定的样式设置为一个class，然后应用到需要的元素上。那么此时可以通过类选择器来获取使用指定样式的个数

$("some_class")length; // 获取应用了some_class的元素的个数

实例演示：本例将红色设置为一个类 red，并应用到不同的元素中去，然后可以通过上述方法获取应用的个数

创建Html元素

<span class="red">点击按钮获取应用了红色样式的元素的个数：</span><br>

<table>

</table>

<ul>

<li class="red">Ralph</li>

</ul>

</div>

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox>span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

table{border-collapse:collapse;}

td{width:30px;height:30px;line-height:30px;text-align:center;border:1px solid green;}

li{margin:5px;list-style: none;}

red{color:red !important;}

编写jquery代码

$(function(){

$("input:button")click(function() {

alert($("red")length);

});

观察效果

1$('#div ') //div下所有的元素

2$('#div className') // div下指定的className

3$('#div > children') // div下第一层指定的子节点

4$('#div #ul') // div 下指定的id

上述这几种方法都可以获取 div 标签内的元素。你看你用哪种方便工作，就用哪种。

以上就是关于jq判断某个div里面有几个元素全部的内容，包括:jq判断某个div里面有几个元素、jquery中怎么获取li的数量、jquery怎么获取相同class的个数等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/web/9602206.html

jq判断某个div里面有几个元素

发表评论

评论列表（0条）