Question

我有一个HTML，如下所示

 <div style="" class="Topping-details" id="4">
   <section id="topping_tsection_4">
      <aside>
         <h6 class="tdHeading">Quantity      1</h6>
         <section class="secclass">
            <a data-id="4" topping_id="1" id="4_KK_0_KK_0" topp_name="Honey with Chocolate Sauce  10 
               ML" top_price="25" class="" qt_val="4_KK_0_KK_0">
               Honey with Chocolate Sauce  10 
               ML 
               <p class="tcPriceWrap">25</p>
            </a>
         </section>
      </aside>
      <aside>
         <h6 class="tdHeading">Quantity      2</h6>
         <section class="secclass">
            <a data-id="4" topping_id="1" id="4_KK_1_KK_0" topp_name="Honey with Chocolate Sauce  10 ML" top_price="25" class="tpActive" qt_val="4_KK_1_KK_0">
               Honey with Chocolate Sauce  10 
               ML 
               <p class="tcPriceWrap">25</p>
            </a>
         </section>
      </aside>
   </section>
</div>

我正在尝试访问类secclass

下的最后一个id

我试过这种方式

var id_attr_val = 4;
 var valueee =$(".Topping-details").find('section#topping_tsection_'+id_attr_val+' aside:last')attr('id');

我希望输出 4_KK_1_KK_0 。但它给了我不明确的。

Answer 1

aside元素没有ID，id属于a

中的aside元素

var id_attr_val = 4;
var valueee = $('#topping_tsection_' + id_attr_val + ' aside:last a').attr('id');

另请注意，由于您拥有id的{{1}}，因此无需使用班级选择器section

演示：Fiddle

如何访问最后一节下的id属性

1 个答案: