如何根据ul类元素编写选择器

时间:2014-08-26 14:50:00

标签: jquery

从div中,我只需要选择那些有

的人

<li class="head headActive"> 出现在ul标记下

这是我的HTML:

<div id="ordersdiv">
   <div id="addtoordersdiv5">
      <div class="prd-items-detials">
         <ul>
            <li class="head headActive">
            </li>
            <li class="prd-items-qt headActive">
            </li>
         </ul>
      </div>
   </div>


   <div id="addtoordersdiv4">
      <div class="prd-items-detials">
         <ul>
            <li class="head">
            </li>
           <li class="prd-items-qt headActive">
            </li>
         </ul>
      </div>
   </div>
</div>

现在使用下面的代码,我得到所有包含addtoordersdiv的div

var numbers = $('#ordersdiv').children('[id^=addtoordersdiv]').map(function() {
   return this.id.replace('addtoordersdiv', '');
}).get();


alert(numbers);

有人可以帮帮我吗?

这是我的jsfiddle:http://jsfiddle.net/h34oo4r3/

2 个答案:

答案 0 :(得分:1)

要获得包含div类以及head的li的headActive,您可以使用:

$('#ordersdiv>div:has(li.head.headActive)');

<强> Working Demo

答案 1 :(得分:0)

此选择器将获取<li>的任何项目,并且应用了两个类:

$('ul li.head.headActive')