Jquery 在一个函数中，如何定义两个元素的一个属性

$（'#x'）。单击（函数（）{
变量字母='X'；
警报（信件）；
})
$（'#y'）。单击（函数（）{
var字母='Y'；
警报（信件）；
})

X
Y

您可以将单击事件处理程序的选择器与

$（'#x，#y'）

组合，然后使用

this.innerHTML

从单击的元素中获取HTML，并向其发出警报（如果您想改用它，则可以使用

this.id

）

$（'#x，#y'）。单击（函数（）{
var letter=this.innerHTML；
警报（信件）；
})

X
Y

您可以将单击事件处理程序的选择器与

$（'#x，#y'）

组合，然后使用

this.innerHTML

从单击的元素中获取HTML，并向其发出警报（如果您想改用它，则可以使用

this.id

）

$（'#x，#y'）。单击（函数（）{
var letter=this.innerHTML；
警报（信件）；
})

X
Y

用一个处理程序将可点击元素作为目标-这完全是通过向两者添加一个共享类来完成的-在这种情况下，我只是使用了您现有的。然后在每个单击的元素上使用一个属性来区分-同样，我通常会使用

data letter=“X”

属性，但我只使用了您的Id

$（'#div div'）。单击（函数（）{
var字母=this.id；
警报（信件）；
})

X
Y

用一个处理程序将可点击元素作为目标-这完全是通过向两者添加一个共享类来完成的-在这种情况下，我只是使用了您现有的。然后在每个单击的元素上使用一个属性来区分-同样，我通常会使用

data letter=“X”

属性，但我只使用了您的Id

$（'#div div'）。单击（函数（）{
var字母=this.id；
警报（信件）；
})

X
Y

给你一个解决方案

$（'div'）。单击（函数（e）{
e、 停止传播（）；
log（“ID:+$（this.attr（'ID'））；
log（“InnerHTML:+$（this.html（））；
});

X
Y
给你一个解决方案


$（'div'）。单击（函数（e）{
e、 停止传播（）；
log（“ID:+$（this.attr（'ID'））；
log（“InnerHTML:+$（this.html（））；
});

X
Y
有多种方法可以做到这一点：

获取id=div的主div中的所有div

$('#div div').click(function() {
  var letter = this.innerHTML;
  alert(letter);
})

通过将所需的div id作为jquery选择器来获取特定的div

$('#x, #y').click(function() {
  var letter = this.innerHTML;
  alert(letter);
})

为简单起见，您可以为所有希望以相同方式处理的div添加自定义类（比如“needAlter”），然后使用类名选择器

$('.needAlter').click(function() {
  var letter = this.innerHTML;
  alert(letter);
})

为此，您还必须在html中进行更改：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='div'>
  <div id='x' class='needAlter'>X</div>
  <div id='y' class='needAlter'>Y</div>
</div>


X
Y
有多种方法可以做到这一点：

获取id=div的主div中的所有div

$('#div div').click(function() {
  var letter = this.innerHTML;
  alert(letter);
})

通过将所需的div id作为jquery选择器来获取特定的div

$('#x, #y').click(function() {
  var letter = this.innerHTML;
  alert(letter);
})

为简单起见，您可以为所有希望以相同方式处理的div添加自定义类（比如“needAlter”），然后使用类名选择器

$('.needAlter').click(function() {
  var letter = this.innerHTML;
  alert(letter);
})

为此，您还必须在html中进行更改：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='div'>
  <div id='x' class='needAlter'>X</div>
  <div id='y' class='needAlter'>Y</div>
</div>


X
Y
你能准确地改写你的要求吗？您是希望单击事件为其中一个单击发出一次，还是希望相同的函数为其中一个单击事件处理一次？您能否完全重写您所要求的内容？您是希望单击事件为任一单击发出一次，还是希望相同的函数处理任一单击事件？