我怎麼能是指一類是存在旁邊的DIV

Question

一個類被點擊時，我試圖實現切換功能這樣

但可能有人請讓我知道我可以參考類在這種情況下，OS-描述

這是我的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"); 
});