查找具有特定属性的div父元素

Question

当我的滑块移动时，我必须捕获包含data-role =“page”的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"));