jquery 选择器 (父元素子元素 eg:倒数第二个li加class|select赋值取值_jquery类选择器选择第二个增加classname-优快云博客

本文链接：https://blog.youkuaiyun.com/niuniuyaobuyao/article/details/79376010

本文介绍了如何使用jQuery选择器操作父元素和子元素。通过`parent()`和`parents()`方法选择父元素，使用`find()`结合`eq()`选择子元素。示例包括删除指定父元素、给倒数第二个子元素添加类、获取子元素数量以及设置和获取select选项的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

----------------------------------父元素---------------------------------------------------

选择id=sssj的父元素中class为ssxx的父元素

                                        <div class="ssxx feed-element">
                                            <div class="media-body ">
                                                <span class="rdspan">手术时间:</span>
                                                <span class=""><strong id="sssj"></strong></span>
                                            </div>
                                        </div>

$("#sssj").parents(".ssxx")

parent指父元素，parents指所有祖先元素

$("#sssj").parent().remove() 删除class=media-body这个div 也就是第一级父级元素

-------------------------------子元素--------------------------------------------------

选中 id为side-menu的ul 下的倒数第二个li

$("#side-menu").find("li").eq(3).addClass('active');

或

$("ul[id='menu_list'] li").eq(3).addClass('active');

选中除了第一个的子元素 :not(:first-child)

-----------------------------------------------------------------

获取其li个数

var ii = $("#side-menu").find("li").length;// ul:nth-child(1)

alert(ii);

--------------------------子元素-select赋值--------------------------------------

将div（id=selectDepartment）下的

select 里的

option（value 等于10003103）设置为选中

$("#selectDepartment option[value='"+item.parameter+"']").attr("selected",true);
$("#selectDepartment").find("select").eq(0).find("option[value='10003103']").attr("selected",true);

---------------select取值------------------

待解决问题：

改过的html里获这次新增的ul li，获不到，不知道为什么

最后另辟蹊径，在创建html时，加上选中li改class的方式实现