使用JQuery

Question

我的列表看起来像这样：

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

如何使用JQuery按值选择输入？ 我可以通过

获取li的列表

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

但无法确定如何获得输入。

Answer 1

您可以使用attribute-value选择器

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

＆＃13;

＆＃13;

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

＆＃13;

.border {
  border: solid 1px green;
}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;