Javascript 如何将两个Jquery函数放在一起？

我的问题是，我有两个函数，它们做相同的事情，但针对不同的对象

这是代码

$('body').on('click', '.toogle1', function() {
    $('body').find('.buttonshow').slideToggle(300);
    $('body').find('.buttonshow ').val(title);
});

$('body').on('click', '.toogle', function() {
    $('body').find('.htmlshow').slideToggle(400);
});

---

这将导致任何具有类“toggle”或“toggle1”的子级的逻辑触发。

我不知道您的html代码，但在具有类“toggle”的地方添加第二类“toggle1”，因此最后一个类将是class=toggle1，然后：

$('body').on('click', '.toogle1', function() {
    $('body').find('.buttonshow').slideToggle(300);
    $('body').find('.buttonshow ').val(title);
    $('body').find('.htmlshow').slideToggle(400);
});

---

但是，如果您在这个类中有不同的CSS，请使用另一个答案。

只需创建一个您将使用的函数，而不是最后传递的一个普通函数：

function toggleElement(selector, ms){
   selector.slideToggle(ms);
}

然后，您只需将其应用于jQuery

$('body').on('click', '.toogle1', function(){
     toggleElement($('.buttonshow'), 300);
     // Then, the rest of your logic that differs
});

---

因此，基本上，这就是你如何使用一个函数来做同样的事情，同时添加其他逻辑，最好的方法是创建一个基本函数来做将被重复的逻辑，然后，你程序性地编写其他不同的逻辑。这样，处理起来就容易多了。

但是他们做的事情不一样？你试过什么？您的问题在哪里？谁一起做同样的事情-您的代码与您的语句不一致

$('body').on('click', '.toogle1', function(){
     toggleElement($('.buttonshow'), 300);
     // Then, the rest of your logic that differs
});