Javascript 如何在通过循环获得的元素的单击事件上绑定类？

我通过一系列对象在html中显示一些可选的信息框。对于它，我在事件单击中绑定了一个类，但是当我通过v-For获得元素时，当我选择一个时，它将类绑定到所有元素

如何仅区分所选的一个

我看过几个jquery的例子，但我想知道是否还有其他方法

我的模板：

{{estimation.name}
{{estimation.description}}
{{估计价格}}
€

---

非常感谢您的时间和帮助。

我个人使用的方法（如果我正确理解您的问题）是

这个

关键字

例如：

index.html

a
b
c

script.js（普通JavaScript）

var myList=document.getElementById（“myList”）；
myList.addEventListener（“单击”，函数（）{
console.log（this）；
log（this.innerText）；
});

script.js（jQuery）

var myList=$（“#myList”）。在（“单击”，函数（）{
console.log（this）；
log（this.innerText）；
});

在这种情况下，使用

this

关键字允许我们仅通过将事件侦听器附加到父元素来获取单击的

li

元素的内部文本

innerHtml

只是使用此关键字的多种方法之一。通过在事件侦听器函数中执行

console.log（this）

，您可以看到更多的事件

---

让我知道这是否有帮助

我个人使用的方法（如果我正确理解了你的问题）是

this

关键字

例如：

index.html

a
b
c

script.js（普通JavaScript）

var myList=document.getElementById（“myList”）；
myList.addEventListener（“单击”，函数（）{
console.log（this）；
log（this.innerText）；
});

script.js（jQuery）

var myList=$（“#myList”）。在（“单击”，函数（）{
console.log（this）；
log（this.innerText）；
});

在这种情况下，使用

this

关键字允许我们仅通过将事件侦听器附加到父元素来获取单击的

li

元素的内部文本

innerHtml

只是使用此关键字的多种方法之一。通过在事件侦听器函数中执行

console.log（this）

，您可以看到更多的事件

---

让我知道这是否有帮助

我试图制作一个jsfiddle来回答您的问题，但后来我在vue.js论坛上发现了这个jsfiddle：

它提供了三种不同的选项来通过单击突出显示内容

li v-for="item in items" 
  :class="{highlight:item.id == selected}" 
  @click="selected = item.id">
  {{item.id}}
</li>

li v-for=“项目中的项目”
：class=“{突出显示：item.id==selected}”
@单击=“selected=item.id”>
{{item.id}

虽然这是一个旧的答案，但我相信它仍然应该与当前的Vue版本兼容

---

如果没有，或者有什么不清楚的地方，请告诉我，我会尽力帮助你的

我试图制作一个jsfiddle来回答您的问题，但后来我在vue.js论坛上发现了这个jsfiddle：

它提供了三种不同的选项来通过单击突出显示内容

li v-for="item in items" 
  :class="{highlight:item.id == selected}" 
  @click="selected = item.id">
  {{item.id}}
</li>

li v-for=“项目中的项目”
：class=“{突出显示：item.id==selected}”
@单击=“selected=item.id”>
{{item.id}

虽然这是一个旧的答案，但我相信它仍然应该与当前的Vue版本兼容

---

如果没有，或者有什么不清楚的地方，请告诉我，我会尽力帮助你的

非常感谢你！！工作完美！第一个选项是期望的行为，但我已经尝试了所有3个，它们工作没有问题！非常感谢你！！工作完美！第一个选项是期望的行为，但我已经尝试了所有3个，它们工作没有问题！