在使用 jquery 选择器时应用多个条件 [重复]答案

【问题标题】：Apply multiple condition in using jquery selector [duplicate]在使用 jquery 选择器时应用多个条件 [重复]
【发布时间】：2020-07-03 13:02:36
【问题描述】：

我想在这个 div 中应用点击事件

<input class="form_button_submit" type="submit" name="submit" value="Submit Request">

它应该同时满足这个条件意味着应该是.form_button_submit和input[value='Submit Request']类

我想做这样的事情：

$(".form_button_submit && input[value='Submit Request']").click(function() {
    alert("Nothing")
});

【问题讨论】：

您的预期结果是什么？
如果您打算使用脚本提交表单，请不要在表单中调用任何内容“提交”（如果没有，仍然不是一个好主意）

标签： jquery

【解决方案1】：

你可以这样做：

$("input.form_button_submit[value='Submit Request']")

演示：

您可以在下面的演示中看到只有第一个按钮有效，因为它同时满足此条件意味着应该属于 .form_button_submit 和 input[value='Submit Request'] 类

$("input.form_button_submit[value='Submit Request']").click(function() {
    alert("Nothing")
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="form_button_submit" type="submit" name="submit" value="Submit Request">
<input class="form_button_submit" type="submit" name="submit" value="Submit Request2">
<input class="form_button_submit2" type="submit" name="submit" value="Submit Request">

【讨论】：

我强烈建议不要在“提交”表格中命名任何内容

【解决方案2】：

多个选择器可以在JQuery中使用逗号,

$(".form_button_submit, input[value='Submit Request']").click(function() {
    alert("Nothing")
});

【讨论】：