javascript - 从 Javascript 中的嵌套列表中预选项目

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

您需要在此处使用属性选择器。.val()用于获取/设置输入字段的值。

在您的情况下，因为您正在处理is 元素li的value属性。

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

演示：小提琴