Получить значение span с помощью jquery

Question

ОК, поэтому я работаю над веб-проектом с загрузкой Spring и использую Thymeleaf в качестве движка шаблонов, и на одной странице у меня есть следующее:

[...]<span   th:switch="${cost.achitat}" class="pull-right">                                    
  <span th:case='true'  class="btn btn-xs btn-default" >
    <span class="glyphicon glyphicon-remove" aria-hidden="true" th:value="${cost.cost_id}"></span>
  </span> 
  <span th:case='false' class="btn btn-xs btn-default">
    <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
  </span> 
</span>[...]

(параметр "achitat" объекталогическое значение, и у меня есть th: каждый в более высоком div, и если я установлю текст с th: text, он будет корректно отображаться на моей странице, поэтому значение передается)

Я пытаюсь получить значениепромежутка внутри случая true с jquery:

$(document).ready(function(){
$('.glyphicon.glyphicon-remove').click(function(){
    var t = $(this).val();
    alert(t);
});});

Но предупреждение всегда пусто.Я знаю, что этот вопрос уже задавался в той или иной форме, но я не смог найти решение, и я не знаю, что я делаю неправильно.

Спасибо!

Answer 1

Обратите внимание, что только вход имеет значение.Другие вы должны использовать атрибут данных.

<span class="glyphicon glyphicon-remove" aria-hidden="true" th:attr="data-value=${cost.cost_id}"></span>

    $(document).ready(function(){
    $('.glyphicon.glyphicon-remove').click(function(){
        var t = $(this).data('value'); // if int the use parseInt() function;
        var t = paerseInt($(this).data('value'));
        alert(t);
    });});