可以考虑用length属性， jquery代码: $(“#ulname li”)length。
1、ul 是 Unordered List（无序列表）的缩写。与之相对的有<ol>有序列表标签，列表里的项目用<li>标签记述，所有主流浏览器都支持 <ul> 标签。在 HTML 401 中，ul 元素的 "compact" 和 "type" 属性是不被赞成使用的。
2、<li> 是列表项目标签，定义列表项目。<li> 标签支持全局属性，<li> 标签支持所有 HTML 事件属性。在 HTML 401 中，li 元素的 "type" 和 "value" 属性是不被赞成使用的。在 XHTML 10 Strict DTD 中，li 元素的 "type" 和 "value" 属性是不被支持的。
3、ul和li常规方法：
li {background: url(/images/icongif) no-repeat 0px 50%; padding-left:17px;}
1、复杂方法：
ul {list-style:none;}
li{background: url(/images/icongif) no-repeat 0px 50%; padding-left:17px;}
可以解决上面的浏览器不兼容的问题。首先，清除默认的项目符号，然后加上我们自己的背景。no-repeat告诉浏览器不要平铺这张，0px 50%告诉背景应该位于距左侧0px 且竖直方向位于顶部往下50%处，实际上就是在竖直方向居中。我们在左侧加上了17px的边距，这样那些15px宽5像素高的小图标就能完全显露出来，不会被文本遮挡，并且和文本之间有一点间隔。
1、简单方法
ul{list-style-image:url(/images/icongif);}
这种方法不同的浏览器的显示效果会有一些差异，主要是在的垂直位置上。有些浏览器会使和列表项文本的中部位置平齐，有的又会显示得高一些，总之就是有些不一致。
DataList编译的时候会生成多余的html代码(对页面右键查看源文件即可看到)，如果你一定要用DataList来写，那就只能以最终生成的html代码为条件(就是页面右键源文件中的html代码)，进行jquery查询。如果不一定要用DataList，可以直接使用Repeater控件，此控件不会生成多余的html代码。
$("#ul li")not(":first")remove();
（1）:first
举：$('divone:first')，获取所有class="one"的Div的第一个div子元素。这里的限制在于父子元素都是同一种，即父元素如果是span标签，获取的第一个子元素也是span标签，如果父元素是table标签，获取的子元素也是table标签。
（2）:first-child
如：$('divone:first-child')，获取所有class="one"的Div的第一个子元素，注意是“所有”，意思是说，如果这个DIV有多外，那么获取的第一个子元素也是有多个。
第一种：<script type="text/javascript">
$(function(){
var sOld = null;
$("li")each(function(index){
var sOld = $(this)text();
$(this)click(function(){
var sNew = $(this)text();
$(this)text(sNew + sOld);
});
});
});
</script>
</head>
<body>
<ul>
<li>123</li>
<li>456</li>
<li>789</li>
</ul>
</body>
</html>
第二种：<script type="text/javascript">
$(function(){
$("li")each(function(index){
$(this)click(function(){
var sText = $(this)text();
$(this)text(sText+sText);
});
});
});
</script>
</head>
<body>
<ul>
<li>123</li>
<li>456</li>
<li>789</li>
</ul>
</body>
</html>
不知道是不是你要的效果。不是的话，具体一点。
<script>
$(function(){
var str = $("li a")text();
});
</script>
上面程序里的 str 就等于li里面a的值 也就是“一级菜单”
jquery里面的text()可以获取标签的值，同样也可以改变标签的值
比如：<li id="a_1">一级菜单</li>
$("#a_1")text("二级菜单");
这个时候li标签里面的值就变为“二级菜单”了
<input type="button" value="添加li" onclick="InsertContent()" />
<ul id="ul">
</ul>
然后使用js脚本：
function InsertContent() {var html = "<li>1</li><li>2</li><li>3</li>";
$("#ul")html(html);
}
以上就是关于jquery如何获取li下ul中li的个数全部的内容，包括:jquery如何获取li下ul中li的个数、C#中Jquery获取datalist中的li的问题、jquery如何获取ul中第一个li和最后一个li等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）