jquery获取class相同的ul各含多少li

jquery获取class相同的ul各含多少li,第1张

var list = $('a');

var childlength = 0;

for (var i = 0; i < listlength; i++)

{

    childlength = list[i]childrenlength;   //求得每个ul的子元素个数

}

自己写的,你看符合你的要求不

<ul id="ul_list">

<li id="li1"></li>

<li id="li2"></li>

<li id="li3"></li>

</ul>

$("#ul_list li[id!='li2']")html();

结果:

<li id="li1"></li>

<li id="li3"></li>

也可以直接选取li节点

$("li[id!='li2']")html();

结果是一样的

可以多看一下 jQuery 的API文档,有中文的,这些选择器的基本 *** 作资料很全的

你提问时,应该将你的需求功能列出来,这样避免回答的人走弯路

你的 this 用错了,它是一个document对象,取它属性 id 的值代进去就可以了

$(function() {

$("#u_menu>li")mouseover(function() {

$(this)css({ "background-image": "url(images/cq_04jpg)", "color": "#ffffff" });

$("#u_menu li[id!='" + $(this)attr("id") + "']")css({ "background-image": "url(images/cq_05jpg)", "color": "#000" });

})

})

不过你这样的做法很奇怪,在 将鼠标移动选中的的当前项的样式改变外,其他非选中的也改变样式?

只“高亮”当前选中项,其他项就普通样式显示不就行了?

这样:

<ul class="parent1">

    <li><a href="#" id="item1">jquery获取父节点</a></li>

    <li><a href="#">jquery获取父元素</a></li>

</ul>

扩展资料:

注意事项

parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。

parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。

可以看出parent的取值很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。

<div id='div1'>

<div id='div2'><p></p>

</div><div id='div3' class='a'><p></p></div>

<div id='div4'><p></p></div>

</div>

jquery获取标签名称:

jquery tagName prop()

如果想看某个元素是什么元素类型,只需要使用:

[object]attr("tagName")便可获取。

1、打开html开发工具,新建一个html代码页面。

2、在html页面创建三个p标签,给这三个p标签设置不同的内容。

3、引入jquery库。在title标签后面引用下载好的jqueryjs文件。

4、 在jquery引用库标签后面新建一个script标签,在这个标签里面添加一个DOM加载完成后执行函数。

5、在DOM加载完成后执行函数里面添加点击p标签时获取当前元素的上一个元素对象。

6、保存html代码后使用浏览器打开,点击p标签d出框就会显示当前点击标签的上一个标签的内容。

$(function(){ $('#topmenu>li')click(function(){ $(this)parent()find('liqhbg')removeClass('qhbg'); $(this)addClass('qhbg'); });});

以上就是关于jquery获取class相同的ul各含多少li全部的内容,包括:jquery获取class相同的ul各含多少li、用jquery来获取<ul>下面的的除了某个<li>的其他<li>、jquery怎么获取当前元素的父元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存