通过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>







本文转载自中文网