无法找到具有类的元素的长度。

时间:2014-07-22 10:24:56

标签: jquery

我收到了以下HTML响应。

我想检查 activateUiHTML div,如果名为 topping_tsection_69 部分 ID的任何部分元素的类为“{ {1}}“

tpActive

这是我的jsfiddle

http://jsfiddle.net/HupC8/

这是我尝试的方式

<div id="69" class="activateUiHTML" data-role="collapsible">
   <div class="prd-items-detials">
      <ul>
         <li class="head">
            <form> <input type="checkbox" class="checkboxclas" name="checkbox-mini-0" id="69" data-mini="true" id_attr="69"><label item_id_itr_some="69" class="testtt" for="checkbox-mini-0">Cold Tea, Fresh Chai gold Ice </label><i class="delete-item-btn"></i></form>
         </li>
      </ul>
   </div>
   <div style="" class="Topping-details" id="69">
      <section id="topping_tsection_69">
         <aside>
            <h6 class="tdHeading">Quantity      1</h6>
            <img src="images/arrow-topping.png">
            <section class="secclass"><a data-id="69" topping_id="17" id="69_ZZ_0_ZZ_0" topp_name="Honey with Carmel  10 ML" top_price="30" class="tpActive" qt_val="69_ZZ_0_ZZ_0">Honey with Carmel  10 ML</a></section>
         </aside>
         <aside>
            <h6 class="tdHeading">Quantity      1</h6>
            <img src="images/arrow-topping.png">
            <section class="secclass"><a data-id="69" topping_id="17" id="69_ZZ_0_ZZ_0" topp_name="Honey with Carmel  10 ML" top_price="30" class="tpActive" qt_val="69_ZZ_0_ZZ_0">Honey with Carmel  10 ML</a></section>
         </aside>
      </section>
   </div>
</div>

但总是返回0.

有人可以帮我解决这个问题。

2 个答案:

答案 0 :(得分:1)

尝试

var id = 69 ;
var aaa =$('#'+id+'.activateUiHTML').find("#topping_tsection_"+id+" .secclass").find("a.tpActive").length;

答案 1 :(得分:0)

我希望它是一个示例代码,因为你有多个具有相同id属性的元素。

我认为你在选择器中缺少一个空格,类secclass的部分是topping_tsection_<id>元素的子元素。

代码:

var aaa = $('#' + id + '.activateUiHTML').find("#topping_tsection_" + id + " .secclass").find("a.tpActive").length;

演示:http://jsfiddle.net/56RFM/