
可以考虑用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);}
这种方法不同的浏览器的显示效果会有一些差异,主要是在的垂直位置上。有些浏览器会使和列表项文本的中部位置平齐,有的又会显示得高一些,总之就是有些不一致。
var dataArray = [];
$('ul')children('li')each(function(){
var self = $(this)children('p');
var data = {
'pli_id': selfeq(0)text(),
'pli_name': selfeq(1)text(),
'pli_age': selfeq(2)text()
};
dataArraypush(data);
});
最后dataArray里面就是一个对象的数组,具体就是
[
{ pli_id: '1001', pli_name: '小强', pli_age: 13 },
{ pli_id: '1002', pli_name: '小丽', pli_age: 14 },
{ pli_id: '1003', pli_name: '小明', pli_age: 12 },
{ pli_id: '1004', pli_name: '小红', pli_age: 14 }
]
<script>
$(function(){
var str = $("li a")text();
});
</script>
上面程序里的 str 就等于li里面a的值 也就是“一级菜单”
jquery里面的text()可以获取标签的值,同样也可以改变标签的值
比如:<li id="a_1">一级菜单</li>
$("#a_1")text("二级菜单");
这个时候li标签里面的值就变为“二级菜单”了
$("#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有多外,那么获取的第一个子元素也是有多个。
下面写个例子来获取id为demo的元素的第一个子元素。
<!--加载jquery-->
<script src=</script>
<script>
$(function(){//页面加载完成时进入
var firstChild=$("#demo>:first");//用选择器的方式获取第一个子元素
firstChildcss('color','red');//将第一个子元素中的文字变为红色,可以看到只有“111”是红色的
});
</script>
<div id="demo"><span>111</span><span>222</span><span>333</span></div>
说明一下以上例子中用到选择器
#demo是id选择器获取id为demo的元素
>是子选择器获取所有子级
:first是首项选择器获取第一个元素
三者结合起来就是获取id为demo的元素的所有子元素中的第一个元素。
其实jquery的选择器有很多,包括:
:last获取最后一个元素
:eq(index)获取第index个选择器
更多可以直接百度搜索“jquery选择器”来查看。
jquery:
$('#dropdownMenu1')val(str);
不jquery:
documentgetElementById('dropdownMenu1')value = str;
比较简单, 用live:
$("#showtitle")live("click",function () {
var id = $("#showtitle>ul>li")attr("value");
alert(id);
});
以上就是关于jquery如何获取li下ul中li的个数全部的内容,包括:jquery如何获取li下ul中li的个数、JQUERY,请问如何获取LI下所有元素的VALUE值、Jquery 怎样获得当前点击的li 元素中超链接的值 比如:<li><a href="#">一级菜单</a></li>等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)