select 按 JQuery 列表中的值输入

Question

我有一个看起来像这样的列表：

<ul id='mylist'>
    <li>
        <input val="1">
    </li>
    <li>
        <input val="2">
    </li>
</ul>

如何使用 JQuery 到 select 按值输入？我可以通过

得到 li 的列表

$("#mylist").children('li')

但不知道如何获取输入。

Answer 1

您可以使用 attribute-value 选择器

设置输入值的属性是value，不是val

$('#mylist input[value="2"]').addClass('border');

.border {
  border: solid 1px green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<ul id='mylist'>
  <li>
    <input value="1">
  </li>
  <li>
    <input value="2">
  </li>
</ul>

select 按 JQuery 列表中的值输入

select input by value from list with JQuery

jquery

html-lists

html-input