在这种情况下如何单击第一个 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);
});

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

这是我的小提琴

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