Javascript 一个jQuery中可以包含多个ID吗；单击“上一步”；？

我有两个几乎相同的点击事件处理程序：

$('#imgPreTravel').on( "click", function() {
    $('#preTravel').addClass('finaff-form-help-hide');
    $('#postTravel').addClass('finaff-form-help-hide');
    $('#postTSec0').removeClass('finaff-form-help-hide');
});

$('#imgPostTravel').on( "click", function() {
     $('#preTravel').addClass('finaff-form-help-hide');
     $('#postTravel').addClass('finaff-form-help-hide');
     $('#postTSec0').removeClass('finaff-form-help-hide');
});

（唯一的区别是IDs-

imgpretvel

和

imgPostTravel

）

我可以将它们组合成一个单击函数吗？如果可以，它们是否需要用逗号分隔？如果是这样，类似于多个类可以分配给一个元素的方式：

$('#imgPreTravel #imgPreTravel').on( "click", function() {
    $('#preTravel').addClass('finaff-form-help-hide');
    $('#postTravel').addClass('finaff-form-help-hide');
    $('#postTSec0').removeClass('finaff-form-help-hide');
});

…或类似于此，就好像ID是方法调用中的参数一样：

$('#imgPreTravel, #imgPreTravel').on( "click", function() {
    $('#preTravel').addClass('finaff-form-help-hide');
    $('#postTravel').addClass('finaff-form-help-hide');
    $('#postTSec0').removeClass('finaff-form-help-hide');
});

---

？

使用逗号分隔的选择器，您完全可以做到这一点

$('#imgPreTravel, #imgPreTravel').on('click', function() {
[...]

…几乎是正确的方法，不过，在您的示例中，

#imgpretvel

两次都是相同的

id

，在这种情况下没有任何好处。实际上，您将只使用该

id

连接到第一个DOM元素。有关更多信息，请参阅文档

选择所有指定选择器的组合结果

$('#imgPreTravel, #imgPreTravel').on('click', function() {
[...]

-使用

#imgpretvel

和

#imgPostTravel

示例选择器

<div id="imgPreTravel">pre</div>
<div id="imgPostTravel">post</div>

---

使用逗号分隔的选择器，您完全可以做到这一点

$('#imgPreTravel, #imgPreTravel').on('click', function() {
[...]

…几乎是正确的方法，不过，在您的示例中，

#imgpretvel

两次都是相同的

id

，在这种情况下没有任何好处。实际上，您将只使用该

id

连接到第一个DOM元素。有关更多信息，请参阅文档

选择所有指定选择器的组合结果

$('#imgPreTravel, #imgPreTravel').on('click', function() {
[...]

-使用

#imgpretvel

和

#imgPostTravel

示例选择器

<div id="imgPreTravel">pre</div>
<div id="imgPostTravel">post</div>

已经答复：

于2011年2月2日21:11回答

下雨 97.4k27250312

“

$（“选择器，选择器”）

这正是语法的作用。您想在这两种语言上都调用

.children（“输入”）

或者

$。合并（$（“选择器”），$（“选择器”）；

“

我会发表评论，但我的声誉不够高

已经回答：

于2011年2月2日21:11回答

下雨 97.4k27250312

“

$（“选择器，选择器”）

这正是语法的作用。您想在这两种语言上都调用

.children（“输入”）

或者

$。合并（$（“选择器”），$（“选择器”）；

“

---

我会发表评论，但我没有足够高的声誉

如果出于任何原因，你认为这样做会更清楚：

function clickfun() {
    $('#preTravel').addClass('finaff-form-help-hide');
    $('#postTravel').addClass('finaff-form-help-hide');
    $('#postTSec0').removeClass('finaff-form-help-hide');
});

$('#imgPreTravel').on( "click", clickfun);
$('#imgPostTravel').on( "click", clickfun);

或

---

如果出于任何原因，您认为您可以这样做更清楚：

function clickfun() {
    $('#preTravel').addClass('finaff-form-help-hide');
    $('#postTravel').addClass('finaff-form-help-hide');
    $('#postTSec0').removeClass('finaff-form-help-hide');
});

$('#imgPreTravel').on( "click", clickfun);
$('#imgPostTravel').on( "click", clickfun);

或

---

最后一个和你想要的完全一样，不是吗？你没试过吗？“没有显示任何研究成果”肯定适合这里。

jQuery（selector）

返回一组匹配的元素；因此，问题是“如何通过ID匹配两个元素？”。所有jQuery方法都适用于此集合，要么应用于所有内容（如

click

），要么应用于jQuery集合中的第一个元素（如

val

）。最后一个方法的工作方式与您想要的完全一样，不是吗？你没试过吗？“没有显示任何研究成果”肯定适合这里。

jQuery（selector）

返回一组匹配的元素；因此，问题是“如何通过ID匹配两个元素？”。所有jQuery方法都适用于此集合，要么应用于所有内容（如

click

），要么应用于jQuery集合中的第一个元素（如

val

）。这将是一个“结束”，但我认为您没有代表。您需要3000个代表哦，好的，我知道了。我想回答更多的问题questions@scniro你只需要15个代表就可以结束一个问题（将其放入3k用户可以投票的审查队列）。谢谢@MaximillianLaumeister。旗帜鲜明不同于投一张势均力敌的票，但我明白你的意思，这将是一次“势均力敌”，但我认为你在这方面没有代表。你需要3000名代表哦，好吧，我明白了。我想回答更多的问题questions@scniro你只需要15个代表就可以结束一个问题（将其放入3k用户可以投票的审查队列）。谢谢@MaximillianLaumeister。旗帜鲜明不同于投一票，但我明白你的意思