javascript - 获取 UL 内父 LI 的大小？

Question

如何修改以下代码，以便仅获取第一个 ul 中的父 li，然后使用另一个变量获取子 li给定子ul的code>？

	$(function () {
		var vULSize = $("ul li").size();
		console.log(vULSize);
	});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<ul>
		<li>First</li>
		<li>Second
			<ul>
				<li>Second Sub 1</li>
				<li>Second Sub 2</li>
			</ul>
		</li>
		<li>Third</li>
		<li>Third
			<ul>
				<li>Third Sub 1</li>
				<li>Third Sub 2</li>
			</ul>
		</li>
	</ul>

fiddle :http://jsfiddle.net/0sp9pohr/

Answer 1

您可以忽略属于 li 后代的所有 li，例如

$(function() {
  var vULSize = $("ul li:not(li li)").size();
  snippet.log(vULSize);
});

<!-- Provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 -->
<script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li>First</li>
  <li>Second
    <ul>
      <li>Second Sub 1</li>
      <li>Second Sub 2</li>
    </ul>
  </li>
  <li>Third</li>
  <li>Third
    <ul>
      <li>Third Sub 1</li>
      <li>Third Sub 2</li>
    </ul>
  </li>
</ul>