Javascript 如何在另一个span内的按钮内更改span的颜色

我有这样一个代码：

<span class="no1">
<button class="num1"><span class="abc"></span></button>
<button class="num2"><span class="abc"></span></button>
</span>
<span class="no2">
<button class="num1"><span class="abc"></span></button>
<button class="num2"><span class="abc"></span></button>
</span>

现在，我想用class

abc

、class

num1

按钮、class span

no2

$(".no2 .num1 .abc").css("color","orange);

---

我尝试了

$（“.no2”）.children（'.num1'）.css（'color'，'orange'）

根据您的问题，您希望更改

span class=“abc”

元素的颜色，该元素位于

span

中，具有

class=“num1”

和

span class=“no2”

在jQuery$（选择器nextSelector）中，代表$（“祖先后代”）

---

元素的后代可以是该元素的子、孙、曾孙等等。

根据您的问题，您希望更改

span class=“abc”

元素的颜色，该元素位于

span

内部，具有

class=“num1”

和

span class=“no2”

在jQuery$（选择器nextSelector）中，代表$（“祖先后代”）

---

一个元素的后代可以是该元素的子代、孙辈、曾孙辈等等。

如果您决定放弃jQuery，只要借用Sushil的答案，就会模仿这种行为

const b=document.querySelector（'.no2.num1.abc'）；
b、 添加（'blue'）
.blue{color:blue}

测试1
测试2
测试3
测试4
如果您决定放弃jQuery，那么仅仅依靠Sushil的答案就可以模仿这种行为


const b=document.querySelector（'.no2.num1.abc'）；
b、 添加（'blue'）
.blue{color:blue}

测试1
测试2
测试3
测试4
您可以使用jQuery选择元素，如下所示：

 $(.no1 .num1).first().css( "background-color", "red" );

请查找此提琴：
您可以使用jQuery选择元素，如下所示：

 $(.no1 .num1).first().css( "background-color", "red" );

请找到这把小提琴：
你几乎拥有了它，你需要得到按钮的跨度，所以改成这个
$（“.no2”）.find（'.num1'）.find（'.abc'）.css（'color'，'orange'）
这表示，用class
no2
查找元素，然后用class
num1
查找一个decentant，然后用class
abc
查找该元素的decentant，并将其设置为
css
$（'.no2.num1.abc'）
或
$（'.no2.abc'）
@JohnDoe或如Mohamed Yousef所指出的，您可以在选择器中将这些类链接在一起，使其代码更少。@Mohamed Yousef我认为您的第二个选择器会产生不希望的结果，它会在
no2
下设置两个跨距的样式以获得颜色吗？@Mohamed Yousef不必担心，我只是想尽力帮助，您提供了一个很好的选项，因为它可以完全安装在选择器中。：）您几乎拥有了它，您需要获得按钮的范围，因此更改为
$（“.no2”）.find（'.num1'）.find（'.abc'）.css（'color'，'orange'）
这表示，用class
no2
查找元素，然后用class
num1
查找一个decentant，然后用class
abc
查找该元素的decentant，并将其设置为
css
$（'.no2.num1.abc'）
或
$（'.no2.abc'）
@JohnDoe或如Mohamed Yousef所指出的，您可以在选择器中将这些类链接在一起，使其代码更少。@Mohamed Yousef我认为您的第二个选择器会产生不希望的结果，它会在
no2
下设置两个跨距的样式以获得颜色吗？@Mohamed Yousef不必担心，我只是想尽力帮助，您提供了一个很好的选项，因为它可以完全安装在选择器中。：）这包含了评论中所说的内容，并很好地解释了选择器中的链接是如何工作的+1这包含了评论中所说的内容，并很好地解释了选择器中的链接是如何工作的+1.