jq获取第一个子元素并添加class

<div class="main">
      <div class="tit">颜色</div>
      <ul>
        <li>银色</li>
        <li>深灰色</li>
      </ul>
      <div class="tit">内存</div>
      <ul>
        <li>64GB</li>
        <li>128GB</li>
        <li>土豪金</li>
        <li>深灰色</li>
      </ul>

    </div>
$(".main ul").each(function(){
      $(this).find("li").first().addClass("active");
    });

原文地址:https://www.cnblogs.com/xsffliu/p/8622636.html

时间: 2024-08-29 21:34:22

jq获取第一个子元素并添加class的相关文章

获取第一个子元素 屏蔽浏览器的差异

//获取第一个子元素 屏蔽浏览器的差异 function getFirstElementChild(element){ //能力检测 判断是否支持firstElementChild if(element.firstElementChild){ //支持返回元素 return element.firstElementChild; }else{ //不知此判断下一个兄弟节点 var node = element.firstChild; while(node && node.nodeType !

Jquery 获取第一个子元素

<ul> <li>John</li> <li>Karl</li> <li>Brandon</li> </ul> 获取第一个元素: $("ul li:first-child") <div id="getfirst"> <ul> <li>John</li> <li>Karl</li> <li>

Jquery 获取第一个子元素 几种写法

<ul>  <li>John</li>  <li>Karl</li>  <li>Brandon</li></ul> 获取第一个元素:  $("ul li:first-child") <div id="getfirst"> <ul>    <li>John</li>    <li>Karl</li>  

Jquery获取第一个子元素

如获取id为divId的div下的第一个子div $("#divId").children("div").get(0) 但得到的是一个dom对象,如果要得到Jquery对象,要使用 $($("#divId").children("div").get(0))

DOM: 如何获取元素下的第一个子元素

Element.firstChild ?,是的,这是第一种方法,当然,通常来说支持 W3C 规范的浏览器,如 Firefox 等取到的应该是 TEXT_NODE.很早之前,或者说现在最流行的方法可能是: // 让我们假设要将它抽象出来,变成一个 util 对象的方法 var util = {}; util.first = function(element) { if(!element) return; var first= element.firstChild; // 处理 w3c 浏览器中第一

Jquery 获取所有对象的第一个子元素

转自:http://blog.sina.com.cn/s/blog_5fdbd0410100pmnn.html <ul>  <li>John</li>  <li>Karl</li>  <li>Brandon</li></ul> 获取第一个元素:  $("ul li:first-child") <div id="getfirst"> <ul>    

CSS3选择非第一个子元素

有时候我们需要用CSS选择非第一个子元素,例如下面这样的HTML,希望让两个span之间间隔一定的距离,但又不希望简单的给每个span设置margin-right(会导致最后一个span也有margin-right,可能影响之后元素的排版). <div> <span></span> <span></span> <span></span> <span></span> </div> 这时如果

[ jquery 选择器 :nth-last-of-type() ] 选取指定(p)父元素下的从后向前数的指定第一个子元素(无关目标元素在父元素中所处的位置)

选取指定(p)父元素下的从后向前数的指定第一个子元素(无关目标元素在父元素中所处的位置): 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' conte

只允许一个 &lt;configSections&gt; 元素。它必须是根 &lt;configuration&gt; 元素的第一个子元素- HTTP Error 500.19

这还是我第一次遇到这个错误,以前都没太注意配置文件中元素的放置顺序.这次在调试一个ASP.NET MVC项目的时候,突然就爆出HTTP Error 500.19错误,提示无法访问请求的页面,因为该页的相关配置数据无效. 根据网页提供的错误信息,主要原因是configSections元素必须是configuration元素的第一个子元素.而我原本的配置信息如下(错误的): <configuration> <connectionStrings> <add name="S