javascript - 我想将ul的第一个li的href设置为 "#1"？

Question

<ul class="nav-list">
  <li class="nav-item"><a>Item #1</a></li>
  <li class="nav-item active"><a href="#2">Item #2</a></li>
  <li class="nav-item"><a href="#3">Item #3</a></li>
  <li class="nav-item"><a href="#4">Item #4</a></li>
  <li class="nav-item"><a href="#5">Item #5</a></li>
  <li class="nav-item"><a href="#6">Item #6</a></li>
</ul>

我尝试过如下所示:-

$( 'ul[class="nav-list"] li:nth-child(1)' ).attr( "href", "#1" );

它不起作用，因为还有其他 ul 标签。

Answer 1

<li>元素没有 href属性，属于<a>元素。所以应该是:

$('ul[class="nav-list"] li:nth-child(1) a').attr("href", "#1");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="nav-list">
  <li class="nav-item"><a>Item #1</a></li>
  <li class="nav-item active"><a href="#2">Item #2</a></li>
  <li class="nav-item"><a href="#3">Item #3</a></li>
  <li class="nav-item"><a href="#4">Item #4</a></li>
  <li class="nav-item"><a href="#5">Item #5</a></li>
  <li class="nav-item"><a href="#6">Item #6</a></li>
</ul>