使用jquery获取span值

时间:2015-04-15 11:16:05

标签: javascript jquery asp.net-mvc razor

我已经测试了我在互联网上找到的所有解决方案,但没有一个能够正常运行。

我有这个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]

我做错了什么?

3 个答案:

答案 0 :(得分:2)

如果您需要内部元素,请尝试.html()。只要它的纯文本不存在就不存在问题。

答案 1 :(得分:2)

要获取<span>使用.text()中的文字:

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

答案 2 :(得分:1)

这里的问题是你将jQuery对象分配给你的变量,而不是元素的内容。要提取<span>中的文字,您应该使用.html().text(),而是执行此操作:

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