多个元素具有相同的类名，但在纯jQuery中独立执行事件
多个元素具有相同的类名，但在纯jQuery中独立执行事件
提问于 2018-02-17 14:25:17
大家好，我想知道有没有一种方法，我可以按一个目标按钮，这只会影响该按钮，如果他们有相同的类名，我不想按一个目标按钮
按钮，且附加到该类名称事件在所有这些按钮上执行，我只想在每个按钮上独立执行目标按钮的事件，而不是通过一个按钮在所有按钮上执行。我想知道如何在jQuery中做到这一点
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('.x').click(function(){
$('.x').css({'background-color': 'red'})
});
});
</script>
<button class='x'>Execute</button>
<button class='x'>Execute</button>
<button class='x'>Execute</button>
<button class='x'>Execute</button>
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-02-17 14:34:40
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('.x').click(function(){
$(this).css({'background-color': 'red'})
});
});
</script>
<button class='x'>Execute</button>
<button class='x'>Execute</button>
<button class='x'>Execute</button>
<button class='x'>Execute</button>
Stack Overflow用户
发布于 2018-02-17 14:47:01
在click事件中使用它。这将引用您单击的当前类。以下是代码片段：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('.x').click(function(){
$(this).css({'background-color': 'red'})
});
});
</script>
<button class='x'>Execute</button>
<button class='x'>Execute</button>
<button class='x'>Execute</button>
<button class='x'>Execute</button>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48838591
复制相关文章
相似问题
腾讯云开发者
