找到一個div父元素具有一定的財產

Question

當我的滑塊移動我必須抓住div的ID包含數據角色=「頁面」

<div data-role="page" data-theme="a" id="buttons"> 
    <div data-role="content"> 
    <label for="slider1">Slider 1</label> 
    <input type="range" name="slider1" id="slider1" value="0" min="0" max="100" /> 
    </div> 
</div> 

然後當滑塊事件觸發我執行此：

console.log($(this).find("div").filter('[data-role=page]').attr("id")); 

但無效。有任何想法嗎？提前致謝！

Answer 1

嘗試.closest如果this是一個孩子div你想：

console.log($(this).closest('div[data-role="page"]').attr("id"));