使用jQuery获取跨度值

Question

我已经测试了我在Internet上找到的每个解决方案，但是它们都不起作用。

我有这个HTML：

<h4>Códigos disponibles:<span id="codesQuantity">@Model.ExternalCodesForThisProduct</span></h4>

而这个JavaScript：

$('#eCodesFrm').on('submit', function (e) { //use on if jQuery 1.7+
    e.preventDefault();  //prevent form from submitting
    var availableCodes = $("#codesQuantity");

    var totalCodesUsed = 0;
    alert(availableCodes);
    $('#eCodesFrm *').filter(':input').each(function () {
        if (this.name.match(/.Quantity$/)) {
            totalCodesUsed = totalCodesUsed + parseInt(this.value, 10);
        }
    });

但是availableCodes是[object Object] 。

我究竟做错了什么？

Answer 1

如果需要内部元素，请尝试.html() 。 只要其中是纯文本，就不会有问题。

Answer 2

要获取<span>的文本，请使用.text() ：

jQuery("#codesQuantity").text()   //or $("#codesQuantity").text() if $ is jQuery in your code.

Answer 3

这里的问题是您要为变量分配一个jQuery对象，而不是该元素的内容。 要提取<span>内的文本，应使用.html()或.text() ，而应这样做：

var availableCodes = $("#codesQuantity").text();