Javascript 将jquery代码与多个类和ID合并
我有很多重复的Jquery代码,但有一些小的差异。我想知道是否可以将以下Jquery代码合并为一个: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
$(".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。