从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（）用于获取/设置输入字段的值。

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

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

演示： 小提琴