Javascript 使用具有特定属性的复选框切换元素

我有一个按标题排序的子页面列表。我正在使用自定义字段wordpress插件

这是li元素内容中的一行

<p>City: <?php the_field('city',$page->ID); ?></p>

---

您应该能够使用jQuery实现这一点

$('checkbox').click(function () {
    if(!$(this).is(':checked')) {
        $('[city="New York"]').hide();
    }
});

---

如果您有权访问jQuery，那么类似的东西可能会起作用。它可以扩展为将键和值设置为属性，这样就不需要进行硬编码

$function{ //侦听筛选器单击 $'.stateFilter'。单击函数{ var ref=$this，//输入 state=ref.attr'state'，//我要筛选的状态 states=$'div.state[state='+state+']；//我应该过滤什么 if ref.is'：选中“{//如果选中，则显示，否则隐藏 美国电视节目； }否则{ 美国。隐藏； } }; } 纽约 皮茨福德 黑麦 伯明翰 蒙哥马利 赤褐色的 展示纽约城市

展示阿拉巴马城市

---

显示呈现的html和您迄今为止尝试过的js。@guradio已完成。因此，我想隐藏class=clan的每个Li元素，例如，当该元素包含city=newyork时。到目前为止，我用原始代码更新了帖子，你能看一下吗。非常感谢。

$(function () {
                                  $('#newyork').change(function () {            
                                     $(".clan_content").stop().slideUp();                                     
                                     $("[title=NewYork]").toggle(this.checked);
                                  }).change(); 
                                });

$('checkbox').click(function () {
    if(!$(this).is(':checked')) {
        $('[city="New York"]').hide();
    }
});