Javascript 如何嵌套<；李>；标记值

我需要获取值

“B”

。但随价值而来的是“A”。我不想得到“A”的值。如何区分

我的HTML结构：

如果要在文档中有多个元素时获取特定

元素的值，可以使用唯一的

id

或

类来区分元素

选项1:IDs

<li>
   <ul>
      <li id="number1" value="100">
         <ul>
             <li id="number2" onclick="click(this)" value="200"></li>
         </ul>
      </li>
   </ul>
</li>

<li>
   <ul>
      <li class="number1" value="150">
         <ul>
             <li class="number2" onclick="click(this)" value="300"></li>
         </ul>
      </li>
   </ul>
</li>

选项2：课程

<li>
   <ul>
      <li id="number1" value="100">
         <ul>
             <li id="number2" onclick="click(this)" value="200"></li>
         </ul>
      </li>
   </ul>
</li>

<li>
   <ul>
      <li class="number1" value="150">
         <ul>
             <li class="number2" onclick="click(this)" value="300"></li>
         </ul>
      </li>
   </ul>
</li>

如果要在文档中有多个元素时获取特定
元素的值，可以使用唯一的
id
s或
class
es来区分元素

选项1:IDs

<li>
   <ul>
      <li id="number1" value="100">
         <ul>
             <li id="number2" onclick="click(this)" value="200"></li>
         </ul>
      </li>
   </ul>
</li>

<li>
   <ul>
      <li class="number1" value="150">
         <ul>
             <li class="number2" onclick="click(this)" value="300"></li>
         </ul>
      </li>
   </ul>
</li>

选项2：课程

<li>
   <ul>
      <li id="number1" value="100">
         <ul>
             <li id="number2" onclick="click(this)" value="200"></li>
         </ul>
      </li>
   </ul>
</li>

<li>
   <ul>
      <li class="number1" value="150">
         <ul>
             <li class="number2" onclick="click(this)" value="300"></li>
         </ul>
      </li>
   </ul>
</li>

列表项不能有非数值。要使HTML被视为有效，您需要将值更改为数字。如果这样做，那么就可以轻松地使用javascript获取值。具有有效值的HTML结构可能如下所示：

<li>
   <ul>
      <li value="1"> <!-- Changed A to 1 -->
         <ul>
             <li onclick="cick(this)" value="2"></li> <!-- Changed B to 2 -->
         </ul>
      </li>
   </ul>
</li>

见下例：


const val=document.querySelector（'li[value=“1”]>ul>li'）.value；
console.log（val）；//2








列表项不能有非数值。要使HTML被视为有效，您需要将值更改为数字。如果这样做，那么就可以轻松地使用javascript获取值。具有有效值的HTML结构可能如下所示：

<li>
   <ul>
      <li value="1"> <!-- Changed A to 1 -->
         <ul>
             <li onclick="cick(this)" value="2"></li> <!-- Changed B to 2 -->
         </ul>
      </li>
   </ul>
</li>

见下例：


const val=document.querySelector（'li[value=“1”]>ul>li'）.value；
console.log（val）；//2








你能使用jQuery吗？没有js函数（x）{x.getAttribute（“value”）；}结果B下一个A我无法区分列表项（
li
）不能有字母值。它们必须是数字。因此，使用JS来实现这一点不会很好。你能用数字代替字母（比如B=2，A=1）吗？
document.querySelector（'li[onclick=“cick（this）”）.value
正如@NickParsons所指出的，这段代码返回
0
，如果你使用另一个数值，它会起作用：你能使用jQuery吗？没有js函数（x）{x.getAttribute（“value”）；}结果B下一个A我无法区分列表项（
li
）不能有字母值。它们必须是数字。因此，使用JS来实现这一点不会很好。你能用数字代替字母（比如B=2，A=1）吗？
document.querySelector（'li[onclick=“cick（this）”）。value
正如@NickParsons指出的，这段代码返回
0
，如果你使用另一个数值，它会工作：