我怎样才能引用div旁边的一个类

Question

单击一个类时，我试图以这种方式实现切换功能

但有人可以告诉我如何在这种情况下引用类os-description

这是我的HTML

<div class="order-listdetails-wrap" id="1950">
   <div class="orderTitle">Popcorn Regular
   <i class="icon-os-description" id="itemdesc1950" data-description="This is Best Popcorn in Market" ></i>
   </div>
   <div class="os-description" id="desc1950" style="display: none;">Ravi</div>
</div>

$(document).on("click", ".icon-os-description", function() {
    var data_description = $(this).attr("data-description");
    var dest = $(this).next('os-description');
    dest.html( data_description ).toggle();
});

Answer 1

要在点击后引用div，只需选择其parent()，然后选择next()元素，如下所示：

$(document).on("click", ".icon-os-description", function() {
    var div = $(this).parent().next(".os-description");
});