jquery - 在这种情况下如何单击第一个 li 标签

Question

在页面加载时我想将 1D 选择为默认

我已经尝试过这个方法了

$(document).ready(function() {

$("ul.menu li a:first").click();
});

$("ul.menu li").click(function() {
  var tabclicked = $(this).find("a").attr("href");
  alert(tabclicked);
});

但是您能告诉我为什么警报没有显示吗？

这是我的 fiddle

https://jsfiddle.net/gr1L23us/3/

Answer 1

这样做:https://jsfiddle.net/gr1L23us/5/

$(document).ready(function() {
  $("ul.menu li a").click(function() {
    var tabclicked = $(this).attr("href");
    alert(tabclicked);
  });

  $("ul.menu li:first-child a").click();
});

1. 更改事件监听器函数(即带有警报的函数)的位置，然后更改事件
2. 使用:first-child作为 <li> 上的选择器
3. 更改 click在 <a> 上触发的事件

另一个可能的应用是 jquery方式:https://jsfiddle.net/gr1L23us/8/

$(document).ready(function() {
  $("ul.menu li a").click(function() {
    var tabclicked = $(this).attr("href");
    alert(tabclicked);
  });

  $("ul.menu li").first().find('a').click();
});

通过使用.first()选择第一个<li>和 .find()深入了解<a>里面的链接可以触发 click