Javascript 我们可以在JQuery中使用选择器作为案例吗？

我需要创建一个内部带有开关的函数，它将使用用例。作为例子，我将有

“#a li”#b li”#c li”#d li”

如果单击了#a/b/c/d li，它将检查屏幕宽度（响应性），如果小于990，它将显示模式#amodal#b模式等，具体取决于单击了哪个。 如何将其与开关和外壳结合成一个功能

Jquery:

   $('#a li').click(function(){
    if ($(window).width() < 990) {
    $('#amodal').modal('show');
    }
});
$('#b li').click(function(){
    if ($(window).width() < 990) {
    $('#bmodal').modal('show');
    }
});
$('#c li').click(function(){
    if ($(window).width() < 990) {
    $('#cmodal').modal('show');
    }
});
$('#d li').click(function(){
    if ($(window).width() < 990) {
    $('#dmodal').modal('show');
    }
});

$（'a li'）。单击（函数（）{
如果（$（窗口）.width（）<990）{
$（'#amodal'）.modal（'show'）；
}
});
$（'#b li'）。单击（函数（）{
如果（$（窗口）.width（）<990）{
$（'bmodal'）.modal（'show'）；
}
});
$（'#cli'）。单击（函数（）{
如果（$（窗口）.width（）<990）{
$（'cmodal'）.modal（'show'）；
}
});
$（'d li'）。单击（函数（）{
如果（$（窗口）.width（）<990）{
$（'demodal'）.modal（'show'）；
}
});

您可以这样做，Jquery

$（“#a li，#b li，#c li，#d li”）。单击（函数（）{
如果（$（窗口）.width（）<990）{
//如果父项：$（this.parent（）.attr（“id”）
$（“#”+$（this.attr（“id”）+“modal”）.modal（“show”）；
}
});

如果

#a、#b、#c、#d

不是

li

的父级，则应使用它来查找要打开的模式

$('#a li , #b li , #c li , #d li').click(function () {
    if ($(window).width() < 990) {
        $('#'+$(this).closest("#a , #b , #c , #d").attr("id")+'modal').modal('show');
    }
});

我更喜欢添加类作为选择器并使用它

$（'.打开_modal>li'）。单击（函数（）{
log（“打开模式：”+$（this.parent（）.attr（“id”））；
/*如果（$（窗口）.width（）<990）{
$（'#'+$（this.parent（）.attr（“id”）+“modal”）.modal（“show”）；
}*/
});

测试a
测试b
测试c
测试d
只要做
$（“#a li，#b li，#c li，#d li”）
，让我知道这四种情况下都是不同的模式，这只显示
\dmodal
id不在
上，而是在包含它的
上。
$('#a li , #b li , #c li , #d li').click(function () {
    if ($(window).width() < 990) {
        $('#'+$(this).closest("#a , #b , #c , #d").attr("id")+'modal').modal('show');
    }
});

$('#a > li , #b > li , #c > li , #d > li').click(function () {
    if ($(window).width() < 990) {
        $('#'+$(this).parent().attr("id")+'modal').modal('show');
    }
});