显示类与单击的id相同的所有数据

Show all data with class same as the id clicked on

本文关键字:数据 id 单击 显示      更新时间:2023-09-26

我有一个关于Jquery的问题。我想在点击时显示同一类的所有数据。

我列出了我可以点击的东西。所以当我点击它时,应该会显示正确的数据。我做了这个,但不起作用。

这是我的Jquery代码:

$("div span").hide();
$('input[type=checkbox]').on("change", function(e) {
    var id = $(this).attr('id'); 
    if(this.checked){
        alert("checked");
        e.preventDefault();
    }else{
        alert("not checked");
    }

});

https://jsfiddle.net/8k7ad9pg/

使用此:

$("div span").hide();
$('input[type=checkbox]').on("change", function(e) {
    e.preventDefault();
    var id = $(this).attr('id'); 
    if(this.checked){
        $("." + id).show();
    }else{
        $("." + id).hide();
    }
});

Fiddle:https://jsfiddle.net/8k7ad9pg/1/q