jquery - 如何读取仅一侧部分本身的某些属性？

Question

单击按钮时，div 的响应为

var htmlString = $("div#"+id_attr_val+".Topping-details").eq(0).html(); 
console.log('response is'+htmlString);

此响应是

<section id="topping_tsection_59">
   <i id="topping-close"></i>
   <aside>
      <h6 class="tdHeading">Regular, 50 Ml0</h6>
      <img src="images/arrow-topping.png">
      <section class="secclass"><a href="#">Honey with Chocolate Sauce  10 ML</a></section>
      <section class="secclass"><a href="#">Honey with Carmel  10 ML</a></section>
   </aside>
   <aside>
      <h6 class="tdHeading">Regular, 50 Ml1</h6>
      <img src="images/arrow-topping.png">
      <section class="secclass"><a href="#">Honey with Chocolate Sauce  10 ML</a></section>
      <section class="secclass"><a href="#">Honey with Carmel  10 ML</a></section>
   </aside>
</section>

我如何读取仅第一个旁白部分本身的 href 标签的文本？

那就是我需要输出为

Honey with Chocolate Sauce  10 ML

Honey with Carmel  10 ML

我试过这个方法

$("#topping-close aside a ").each(function(){
           var category=$(this).text();
           console.log('categories'+category);
         return false;
       });

但是没有打印任何内容，请有人帮忙。

Answer 1

使用第一个子

$("#topping_tsection_59 aside a:first-child")

编辑

$("#topping_tsection_59 aside a:first").each(function(){
  alert($(this).text())
});

Fiddle