Нажмите на LI и отправьте значение диапазона на него и отправьте его как значение ввода с Jquery

Question

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

вот мой код:

$('li.inliner').on('click',function(){
  var content = $(this).text();
  $('#MySearchBox').val(content);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
<ul>
  <li class="inliner">price <span>1000</span></li>
  <li class="inliner">Another <span>2000</span></li>
</ul>
<br>
<input type='text' id="MySearchBox" name="MySearchBox"/>

Answer 1

Небольшое изменение в вашем селекторе. Вот и все.

$('li.inliner').on('click',function(){

var content= $(this).find('span').html();
$('#MySearchBox').val(content);
  });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
<ul>
    <li class="inliner">price <span>1000</span></li>
    <li class="inliner">Another <span>2000</span></li>

</ul>
<br>
    <input type='text' id="MySearchBox" name="MySearchBox"/>

Answer 2

Попробуйте это.

$("li.inliner").on("click", function() {
  var content = $(this).find('span').text().trim();
  $("#MySearchBox").val(content);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
    <li class="inliner">price <span>1000</span></li>
    <li class="inliner">Another <span>2000</span></li>

</ul>
<br>
    <input type='text' id="MySearchBox" name="MySearchBox"/>