Javascript从跨度中获取价值[重复]

Question

我想以 int 形式达到 span 值

 <span id="astar"> @item.CommentId</span> 

这是我的跨度，我在这里显示 commentid 我需要从脚本端获取这个 id

 $(document).ready(function () {

    $("#reply").click(function () {

        var r_comment = $("#replytext").val();
        var r_commentid = $(".astar").val();

        console.log(r_comment);
        console.log(r_commentid);

});
})

我可以到达回复文本很好但是当我想看到 r_commentid 控制台显示未定义

Answer 1

1.因为 span 有id。所以用#代替.

2.使用.html()或.text()代替.val()。

如下：-

var r_commentid = $("#astar").html();

一个示例：-

$(document).ready(function () {
  $("#reply").click(function () {
    var r_comment = $("#replytext").html();
    var r_commentid = $("#astar").html();
    console.log(r_comment);
    console.log(r_commentid);
    
    var r_comment1 = $("#replytext").text();
    var r_commentid1 = $("#astar").text();
    console.log(r_comment1);
    console.log(r_commentid1);
  });
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span id="astar">1</span>
<span id="replytext">Hey changed jQuery code is working fine now!</span>

<button id="reply">Click Me!</button>