Получить значение span с jquery

Question

Я тестировал каждое решение, которое я нашел в Интернете, но ни один из них не работает.

У меня есть этот 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

Проблема здесь состоит в том, что вы присваиваете объект JQuery в переменную, а не содержимое элемента. Для того, чтобы извлечь текст внутри <span>, вы должны использовать либо .html() или .text(), и сделать это вместо:

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

Answer 2

Если вам нужен внутренний элемент, попробуйте .html(). До тех пор, пока это простой текст, не должно быть проблем.

Answer 3

Чтобы получить текст внутри <span> использования .text():

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