Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将jquery代码与多个类和ID合并_Javascript_Jquery - Fatal编程技术网

Javascript 将jquery代码与多个类和ID合并

Javascript 将jquery代码与多个类和ID合并,javascript,jquery,Javascript,Jquery,我有很多重复的Jquery代码,但有一些小的差异。我想知道是否可以将以下Jquery代码合并为一个: $(".dropdown-menu-attributes li a").click(function(){ $("#modal-button-attributes:first-child").text($(this).text()); }); $(".dropdown-menu-operators li a").click(function(){ $("#modal

我有很多重复的Jquery代码,但有一些小的差异。我想知道是否可以将以下Jquery代码合并为一个:

  $(".dropdown-menu-attributes li a").click(function(){
    $("#modal-button-attributes:first-child").text($(this).text());
  });

  $(".dropdown-menu-operators li a").click(function(){
    $("#modal-button-operators:first-child").text($(this).text());
  });

  $(".dropdown-menu-and-or li a").click(function(){
    $("#modal-button-and-or:first-child").text($(this).text());
  });
我试过了,但是在第二和第三节课上都不行

  $(".dropdown-menu-attributes .dropdown-menu-and-or .dropdown-menu-operators li a").click(function(){
    $("#modal-button-attributes:first-child #modal-button-operators:first-child #modal-button-and-or:first-child").text($(this).text());
  });
您要使用选择器:

$(".dropdown-menu-attributes,.dropdown-menu-and-or,.dropdown-menu-operators") 
要首先找到这三个元素,然后在结果集中对
li a
进行另一次搜索。最终的代码看起来是这样的:

$(".dropdown-menu-attributes,.dropdown-menu-and-or,.dropdown-menu-operators")
    .find('li a')
    .click(function(){

    });
要获得正确的id,您需要将该id存储在某个位置。一种方法是使用
data-*
属性将其添加到保存这些类的对应元素中。并使用
最近的

$(“.dropdown menu属性、.dropdown menu和或、.dropdown menu操作符”)
.find('li a')
.on('click',函数(e){
变量id=$(this).closest('[data modal button id]')。data().modalButtonId;
log(“#模式按钮-”+id+“:第一个子项”);
$(“#模式按钮-”+id+“:第一个子项”).text($(this.text());
});

  • 测试1
  • 测试2
  • 测试3
要使用选择器:

$(".dropdown-menu-attributes,.dropdown-menu-and-or,.dropdown-menu-operators") 
要首先找到这三个元素,然后在结果集中对
li a
进行另一次搜索。最终的代码看起来是这样的:

$(".dropdown-menu-attributes,.dropdown-menu-and-or,.dropdown-menu-operators")
    .find('li a')
    .click(function(){

    });
要获得正确的id,您需要将该id存储在某个位置。一种方法是使用
data-*
属性将其添加到保存这些类的对应元素中。并使用
最近的

$(“.dropdown menu属性、.dropdown menu和或、.dropdown menu操作符”)
.find('li a')
.on('click',函数(e){
变量id=$(this).closest('[data modal button id]')。data().modalButtonId;
log(“#模式按钮-”+id+“:第一个子项”);
$(“#模式按钮-”+id+“:第一个子项”).text($(this.text());
});

  • 测试1
  • 测试2
  • 测试3

尝试使用逗号,而不是空格:
$(“.dropdown menu attributes li a、.dropdown menu and and或li a、.dropdown menu operators li a”)
尝试使用逗号,而不是空格:
$(“.dropdown menu attributes li a、.dropdown menu and或li a、.dropdown menu operators li a”)
Hmmm。但在单击功能中,我还需要定义模态按钮操作符和模态按钮以及or.Hmmm。但是在click函数中,我还需要定义模态按钮操作符和模态按钮and or。