以编程方式(控制台)单击 li 元素“过去 30 天”
<div class="ranges">
<ul>
<li>Today</li>
<li >Yesterday</li>
<li>Last 7 days</li>
<li>Last 30 days</li>
<li class="">This month</li>
<li>Custom Range</li>
</ul>
</div>
尝试了很多方法都失败了
喜欢。
$('#Last 30 days').trigger('click');
$('#Last 30 days').click();
我是 JavaScript 的新手,请帮助我
最佳答案
根据内部的 HTML 触发点击。
let listItems = document.querySelectorAll('.ranges li');
listItems.forEach((item, index) => {
item.addEventListener('click', (event) => {
alert(`${event.currentTarget.innerHTML} item was click`);
});
if (item.innerHTML.indexOf('Last 30 days') != -1) {
item.click();
}
});
<div class="ranges">
<ul>
<li>Today</li>
<li>Yesterday</li>
<li>Last 7 days</li>
<li>Last 30 days</li>
<li>This month</li>
<li>Custom Range</li>
</ul>
</div>
关于javascript - 以编程方式单击 li 元素 JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56029520/