Javascript 如何使用$（this）同时淡出两个子元素

我有一个有3个按钮的div。我所期望的是，当我点击第三个按钮时，第二个和第三个按钮会消失。。。但实际上，只有第三个按钮正在淡出。。。为什么会这样

这是我的密码

<div id="bttns">
<button class="btn btn-danger"> Delete </button>     //1st Button
<button class="btn btn-warning"> Modify </button>    //2nd Button
<button class="btn btn-success"> Complete </button>  //3rd Button
</div>

---

我找不到一个类似我的问题。。。而且我对所有这些都是新手，因此如果您发现存在这样的问题，请将我重定向到该问题。

您正在淡出btn警告类的按钮。而是使用两个选择器

$(".btn-success").on("click", function(){
 $(this).parent().children(".btn-warning, .btn-success").fadeOut(500)
})

这是因为：

 $( $(this) , $(this).parent().children(".btn-warning") )

这里的选择器无效。要链接多个jQuery对象，可以使用方法，然后对集合调用

.fadeOut（500）

，如：

$（.btn success”）。在（“单击”，函数（）上{
var$btn3=$（本）；
var$btn2=$（this.parent（）.children（“.btn警告”）；
$btn2.添加（$btn3）.淡出（500）
})

删除
修改
完成

因为您已经分配了课程。你可以这样走：-

$(".btn-success").on("click", function () {
     $('.btn-warning, .btn-success').fadeOut(500);
})

---

这回答了你的问题吗@matthias_h不，它不。。。bcuz我在同一个页面上有多个按钮，包含同一个类，如果我没有将所有按钮一起淡入淡出。。。所以我想使用$（这个），然后淡出它们，而不仅仅是淡出多个元素。这是一个打字错误，已修复。我没有否决这一个，但如果页面中有更多元素使用指定的类，它们也会淡出。

$(".btn-success").on("click", function () {
     $('.btn-warning, .btn-success').fadeOut(500);
})