jquery - 根据属性值隐藏元素

Question

我有一个按钮，用于在显示是/否“政策内”div 之间切换

<form>
<input type="radio" id="Policy0" name="Policy" value="0" onclick="filterHotel();"><label for="Policy0">All</label>
</form>
<script type="application/javascript">
var Policy = $('input:radio[name=Policy]:checked').val()
if (Policy == 0) {  
 $('form [data-policy="0"]').toggle();              
}
</script>

<div id="24448" data-policy="0">Data here</div>
<div id="24448" data-policy="1">Data here</div>

使用上面的代码，我可以成功显示/隐藏正确的 div，但我的问题是我不想将输入包装在表单元素中。有没有办法根据属性中的值进行引用？

我尝试过 $('input[attr=data-policy][value="0"]').toggle(); 但这似乎不起作用。我确定我错过了一些简单的事情，有人可以指出我正确的方向吗？

编辑:$('input[data-policy="0"]').toggle();不起作用，我没有收到错误，但它没有隐藏属性为 data=policy="0" 的 div 我也尝试过 data-policy=0 但没有成功

Answer 1

这应该足够了:

$('[data-policy="0"]').toggle(); 

欲了解更多信息，您可以查看Attribute Equals Selector [name="value"]文档