要存储在变量中的选项的JQUERY值

Question

我正在尝试使用JQuery将值存储到var （变量）中，但是它给了我属性值。 实际上，我不想存储属性/元素/标签值。

让我给您确切的例子

下面的代码是我的HTML代码：

 $('#subcategorytwo').on('click', function(event) { // var categorytwo = value; //console.log((this.value, text.(this.value)); var opt = $("#subcategorytwo").text(event.target.value) $("select").append('<option value="' + opt+ '">' + opt +'</option>') $('#fetchvalue').val(event.target.value); }); 

 <ul name="subcategorytwo" id="subcategorytwo" style="list-style: none;"> <li value="1">ROlce royce</li> <li value="2">Mercedese</li> </ul> // note actually i want to store in y variable ROlce royce 

您可以在我的HTML code看到<li value="2">Mercedese</li> ， 实际上我想将MERCEDESE存储在我的变量中，但不想将value属性存储为2）

Answer 1

实际上，您无法将.text（）函数与#subcategorytwo一起使用，因为#subcategorytwo是ul，并且不存储任何文本值。

您必须改为对li项目之一使用text（）函数。

Answer 2

如果您的问题是如何获取值为2的li的文本，则将类似于...

 var car = $('#subcategorytwo li[value="2"]').text(); console.log(car); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <ul name="subcategorytwo" id="subcategorytwo" style="list-style: none;"> <li value="1">ROlce royce</li> <li value="2">Mercedese</li> </ul> 

Answer 3

要获取元素文本，请使用.textContent或jQuery .text()

 console.log('click the li'); $('#subcategorytwo').on('click', function(event) { var opt = $(event.target).text(); // or //var opt = event.target.textContent; console.log(opt) }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <ul name="subcategorytwo" id="subcategorytwo" style="list-style: none;"> <li value="1">ROlce royce</li> <li value="2">Mercedese</li> </ul>