Question

我正在尝试预先选择两个相似领域（语言和可交付成果）的项目。

<div class="fields-wrapper">
  <div class="language-field">
    <ul>
        <li value="1">EN</li>
        <li value="2">ES</li>
        <li value="3">NL</li>
    </ul>
  </div>

  <div class="deliverables-field">
    <ul>
        <li value="1">A</li>
        <li value="2">B</li>
        <li value="3">C</li>
    </ul>
  </div>
</div>

在我的javascript中，我正在尝试以下两种方式来选择相应的项目，但没有白费。我将感激不尽任何帮助。非常感谢。

<script type="text/javascript">
$(document).ready(function() {
  $(".language-field ul li").val(["1"]).addClass('selected');
  $(".deliverables-field ul li").eq(0).addClass('selected');
 });

Answer 1

您需要在此处使用attribute selector。 .val()用于获取/设置输入字段的值。

在您处理li的情况下，value是元素的属性。

$(function(){
    $('.language-field ul li[value="1"]').addClass('selected');
    $(".deliverables-field ul li").eq(0).addClass('selected');
})

演示：Fiddle

在Javascript中从嵌套列表中预选项目

1 个答案: