Question

以下工作用于为jquery

中单击元素的背景着色

$(this).css("background-color","green")

但是，我想要为点击元素中的跨度背景着色。

我尝试了以下内容，但没有成功

$(this + "span").css("background-color","green")

Answer 1

请尝试这个。＆＃34; .find（）＆＃34;将在单击的元素中选择子元素。你也可以使用children（）。但首先尝试使用这个。

$(this).find('span').css("background-color","green");

Answer 2

不是尝试将样式应用于元素，而是将一个类应用于单击上的父元素，然后使用样式规则来选择其中的范围：

$('#linkButton').click(function() {
   $(this).toggleClass('active')
})

.active span {
  background-color: green;
  color:white
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button type ="button" id="linkButton"> 
   Click me to toggle the background of my <span>span text</span>.
 </button>

如何为驻留在单击元素中的子元素的背景着色

2 个答案: