jQuery - 如何检索html元素的属性值？另外，我可以将该值用作变量吗？

Question

我有一个像这样的html结构：

<div id="myDiv">
    <span id="myFirstSpan"></span>
    <span id="mySecondSpan"></span>
</div>

我想获取特定id的值并将其用作变量。就像现在我来到这个剧本：

<script>
    var myIdValue = jQuery("#myDiv span").attr("id");
</script>

我想要获得的输出是var myIdValue = "myFirstSpan"。 但是我无法找回那个价值 我在脚本中做错了吗？或者还有其他我想念的东西？

修改
错字只是在这个问题上。

Answer 1

您使用过jQUery

var myIdValue = jQuery("#myDiv span:first").attr("id")

或

var myIdValue = $("#myDiv span:first").attr("id")

您也可以使用:first Selector

Answer 2

错字

它是jQuery而不是jQUery

var myIdValue = jQuery("#myDiv span").attr("id");

或者您可以使用$

var myIdValue = $("#myDiv span").attr("id");

<小时/> 并确保您的代码位于DOM Ready

Answer 3

试试这个..

它的jQuery不是jQUery

var myIdValue = $("#myDiv span").attr("id");
alert(myIdValue)

DEMO

Answer 4

您需要准备好DOM代码并将jQUery更改为jQuery

$(function(){
var myIdValue = jQuery("#myDiv span").attr("id");
});