是否可以在 html 中的 <li> 标记上设置一个动作侦听器并将其作为参数传递到 javascript 中？

Answer 1

我想这真的取决于你的数据流。在这里，我从

select

处理程序中的

change

元素中获取选定的值，并将其作为参数传递给名为

main

的函数，该函数将其记录到控制台。

注意：我把值从

data-number

属性移到了值（否则值有什么意义...？）

$('select').on('change', handleChange);

function handleChange() {
  const limit = $(this).val();
  main(limit);
}

function main(limit) {
  console.log(limit);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"/>

<select class="form-select">
  <option selected disabled>Select an option</option>
  <option value="1">option1</option>
  <option value="2">option2</option>
  <option value="3">option3</option>
  <option value="4">option4</option>
</select>

Answer 2

因为你已经在使用查询我建议使用

on

$("li").on("click", function ()
{
   alert(this.innerText)
});