JQuery текст() возвращает нежелательные символы

Question

Привет У меня есть много строк с этой структурой:

<div class="row"> 
     <div class="input-group col-lg-1" > 
      <span class="input-group-addon"> 
       <input type="checkbox"> 
      </span> 
      <span id="value"> 
       @Html.DisplayFor(modelitem => item.DeviceInstanceId) 
      </span> 
     </div> 
     * 
     * 
     * 
</div> 

где @Html.DisplayFor(modelitem => item.DeviceInstanceId) это число.

Я получаю значения пролетов, связанных с установленными флажками. С помощью этого кода:

$(document).ready(function() { 
    $("#reservations").click(function() { 
     var Ids = new Array(); 
     $(".table input:checked").each(function() { 
      Ids.push(($(this).parentsUntil("row").children("#value").text())); 

     }) 
     console.log(Ids); 
    }); 

}); 

И идентификаторами выглядит следующим образом:

["↵     38↵    ", "↵     40↵    ", "↵     41↵    "] 

Как мне улучшить мой JS код, чтобы избавиться от тех, кто входит и пробелы?

Answer 1

Вы можете:

• Trim the value:

  Ids.push($.trim($(this).parentsUntil("row").children("#value").text())); 
  

  , которая удаляет начальные и конечные пробельные символы, или

• Напишите ваш HTML так, что он не содержит разрывы строк и пробелов:

  <span id="value">@Html.DisplayFor(modelitem => item.DeviceInstanceId)</span> 
  

Answer 2

.children('#value') 

будет выглядеть только один уровень вниз

.find('#value') 

будет выглядеть более чем на один уровень вниз.

в вашем случае диапазона с идентификатором «значение» на самом деле два уровня вниз caompared к классу «ряд»