CODEWITHSUNDEEP
jqueryhtml
Ashis Biswas
Ashis Biswas

Reputation: 767

How to trigger two button by jquery

here is my html code

<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>

I want to trigger click event of btn1 and btn2, but I don't have any idea how to write the specific button selector where no name and id attribute not assigned to the respective buttons 

$("#btn-list ???").trigger("click");

Upvotes: 3

Views: 1034

Answers (3)

Heemanshu Bhalla
Heemanshu Bhalla

Reputation: 3765

You can see working solution below

When you run below snippen Click on Button1 to trigger one button click on Click on Button 2 for Both Button Clicks

$("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);
}
button { margin:10px; }
div { color:blue; font-weight:bold; }
span { color:red; }

 
<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>

Upvotes: 1

Mohamed Nizar
Mohamed Nizar

Reputation: 777

<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
});

Upvotes: 0

Satpal
Satpal

Reputation: 133403

You can use :lt() selector

Select all elements at an index less than index within the matched set.

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

OR, You can use :eq()

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

Upvotes: 8

Related Questions