Question

这是我的HTML代码

<ul id="btn-list">
    <li><span><button class="btn btn-warning btn-lg">Btn1</button></span></li>
    <li><span><button class="btn btn-warning btn-lg">Btn2</button></span></li>
    <li><span><button class="btn btn-info btn-lg">Btn3</button></span></li>
</ul>

我想触发click和btn1的{{1}}事件，但我不知道如何编写没有name和id属性的特定按钮选择器分配给相应的按钮

btn2

Answer 1

您可以使用:lt()选择器

选择匹配集中索引小于index的所有元素。

$('#btn-list button:lt(2)').trigger('click');

或者，您可以使用:eq()

$('#btn-list').find('button:eq(0), button:eq(1)').trigger('click');

Answer 2

您可以在下面看到工作解决方案

当你在下面运行时，点击按钮1点击一个按钮点击按钮2点击两个按钮点击

＆＃13;

$("button:first").click(function () {
    update($("span:first"));
});
$("button:last").click(function () {
    $("button:first").trigger('click');
    update($("span:last"));
});

function update(j) {
    var n = parseInt(j.text(), 10);
    j.text(n + 1);
}

＆＃13;

button { margin:10px; }
div { color:blue; font-weight:bold; }
span { color:red; }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Button #1</button>
<button>Button #2</button>

<div><span>0</span> button #1 clicks.</div>
<div><span>0</span> button #2 clicks.</div>

＆＃13;

Answer 3

<ul id="btn-list">
<li><span><button class="btn  btn-warning btn-lg">Btn1</button></span></li>
<li><span><button class="btn  btn-warning btn-lg">Btn2</button></span></li>
<li><span><button class="btn btn-info btn-lg">Btn3</button></span></li>

$('#btn-list').slice(1,3).on('click','button', function (evt) {
 //-- do stuff
});

如何通过jquery触发两个按钮

3 个答案: