...

  //...

  查找同时包含多个class名的对象,如同时包" /> ...

  //...

  查找同时包含多个class名的对象,如同时包" /> ...

  //...

  查找同时包含多个class名的对象,如同时包" />

首页 / 知识

Jquery选择器通过class名获取ID实例分享

2023-04-11 15:09:00

  通过class名获取
 
  按class查找注意在class名称前加一个.:
 
  vara=$('.red');//所有节点包含`class="red"`都将返回
 
  //例如:
 
  //<pclass="red">...</p>
 
  //<pclass="greenred">...</p>
 
  查找同时包含多个class名的对象,如同时包含”car”和“bus”
 
  vara=$('.car.bus');//注意没有空格!
 
  //符合条件的节点:
 
  //<pclass="carbus">...</p>
 
  //<pclass="bluebuscar">...</p>
 
  通过p的class名获取该p的ID
 
  有时候我们只知道p的class名中包含其中一个姓名,想获取它的id.
 
  $(".tab-pane.active").attr("id")
 
  //符合条件的结果:
 
  one
 
  //<pclass="tab-panebusactive"id="one">...</p>
 
  通过p的ID名获取该p的class
 
  $(".tab-pane.active").attr("id")
 
  $("p#hrefMenu0").attr("class")
 
  //符合条件的结果:
 
  tab-panebusactive
 
  //<pclass="tab-panebusactive"id="hrefMenu0">...</p>
 
  通过p的class名获取该p下的子集节点的ID
 
  $(".tab-pane.active").children().attr("id")//获取到以下两个id:content,page<pclass="tab-paneactive">
 
  <pid="content"></p>
 
  <ulid="page"></ul>
 
  </p>
 
  通过p的class名获取该p下的同级节点的ID
 
  $(".tab-pane.active").next().attr("id")//获取到以下id:content<pclass="tab-paneactive">
 
  </p>







本文转载自中文网

分享选择器查找节点对象获取

最新内容

相关内容

热门文章

推荐文章

标签云

猜你喜欢