jquery - 使用jquery获取子元素的id并存储在变量中？

Question

我基本上是在尝试完全按照主题的建议进行操作，但我的警报中出现“未定义”，并且我不完全确定原因。我对 jquery 相当陌生，所以，我可能有语法错误，但不知道从这里去哪里。我将发布我的两次尝试，这两次尝试都会在警报中产生“未定义”...

//In my first attempt, I'm trying to get the id of the inner a tag
<ul>
                <li id="l1" class="active"><a href="#c1">Samp 1</a></li>
                <li id="l2" class=""><a href="#c2">Samp 2</a></li>
                <li id="l3" class=""><a href="#c3">Samp 3</a></li>
        </ul>

var selected = $(".active).children("a").attr("id");
    alert(selected);

//In my second attempt, I'm trying to get the id of the currently selected li
    var selected = $(".active").attr("id");
    alert(selected);

Answer 1

$(".active").children("a").attr("id");

您的<a>元素没有 id ，只有一个href 。使用选择器而不是子函数可能会使您的代码更易于阅读。

你的意思是$(".active > a").attr("href") ？

<小时/>

$(".active").attr("id");

jQuery 将返回 id jQuery 集合中第一个元素的属性。你还有另一个类为 active 的元素吗？ ？

我建议你尝试$("ul > li.active").attr("id")