Javascript 如何从ul li获取单独的值

我想从ul li获取值。我能够获取值，但问题是我的函数获取ul中所有列表项的值。 这是我的密码

<div class = "col-sm-8 col-md-8" align = "center">
<div class="input-group">
<div class="input-group-btn search-panel">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span id="search_concept">Filter by</span> <span class="caret"></span>
                </button>
                <ul id = "filter" class="dropdown-menu" role="menu">
                  <li><a href="#contains">value one</a></li>
                  <li><a href="#its_equal">value two</a></li>
                  <li><a href="#greather_than">value three</a></li>
                  <li><a href="#less_than">value four</a></li>
                  <li class="divider"></li>
                  <li><a href="#all">value five</a></li>
                </ul>
</div>
</div>
</div>

---

您可以使用此代码获取ul的元素

var li = document.getElementById("filter");
var a_elements = li.getElementsByTagName("li");
for (var i = 0, len = a_elements.length; i < len; i++ ) {
   alert(a_elements[ i ].innerText);
}

var li=document.getElementById（“过滤器”）；
var a_elements=li.getElementsByTagName（“li”）；
对于（var i=0，len=a_elements.length；i

您可以使用此代码获取ul的元素

var li = document.getElementById("filter");
var a_elements = li.getElementsByTagName("li");
for (var i = 0, len = a_elements.length; i < len; i++ ) {
   alert(a_elements[ i ].innerText);
}

var li=document.getElementById（“过滤器”）；
var a_elements=li.getElementsByTagName（“li”）；
对于（var i=0，len=a_elements.length；i

您可以使用jQuery

。每个

.each（）方法旨在使DOM循环构造简洁且不易出错。调用时，它会迭代作为jQuery对象一部分的DOM元素。每次回调运行时，都会从0开始传递当前循环迭代。更重要的是，回调是在当前DOM元素的上下文中触发的，因此关键字this引用元素


$（文档）.ready（函数（）{
$（“ul#filter li”）。每个（函数（索引）{
log（index+”：“+$（this.text（））；
});
});

过滤








您可以使用jQuery
。每个

.each（）方法旨在使DOM循环构造简洁且不易出错。调用时，它会迭代作为jQuery对象一部分的DOM元素。每次回调运行时，都会从0开始传递当前循环迭代。更重要的是，回调是在当前DOM元素的上下文中触发的，因此关键字this引用元素


$（文档）.ready（函数（）{
$（“ul#filter li”）。每个（函数（索引）{
log（index+”：“+$（this.text（））；
});
});

过滤








这段Javascript将通过
li
元素循环，并为您检索值

var list = document.getElementById("filter");

var items = list.getElementsByTagName("li");
for (var i = 0; i < items.length; ++i) {
  // do something with items[i], which is a <li> element
  console.log(items[i].textContent || items[i].innerText);
}

var list=document.getElementById（“过滤器”）；
var items=list.getElementsByTagName（“li”）；
对于（变量i=0；i元素
log（items[i].textContent | | items[i].innerText）；
}
这段Javascript将通过
li
元素循环，并为您检索值

var list = document.getElementById("filter");

var items = list.getElementsByTagName("li");
for (var i = 0; i < items.length; ++i) {
  // do something with items[i], which is a <li> element
  console.log(items[i].textContent || items[i].innerText);
}

var list=document.getElementById（“过滤器”）；
var items=list.getElementsByTagName（“li”）；
对于（变量i=0；i元素
log（items[i].textContent | | items[i].innerText）；
}
通过查看HTML标记，您似乎需要单击li的文本

您只需为每个li添加单击事件侦听器

var ul = document.getElementById("filter");
var lis = ul.getElementsByTagName("li");

for(var i=0; i<lis.length; i++) {
  lis[i].addEventListener("click", function(e) {
    alert(this.textContent || this.innerText);
  });
}

var ul=document.getElementById（“过滤器”）；
var lis=ul.getElementsByTagName（“li”）；
对于（var i=0；i，通过查看HTML标记，您似乎需要单击li的文本

您只需为每个li添加单击事件侦听器

var ul = document.getElementById("filter");
var lis = ul.getElementsByTagName("li");

for(var i=0; i<lis.length; i++) {
  lis[i].addEventListener("click", function(e) {
    alert(this.textContent || this.innerText);
  });
}

var ul=document.getElementById（“过滤器”）；
var lis=ul.getElementsByTagName（“li”）；
对于（var i=0；iUse），返回文档中与指定选择器组匹配的元素列表。返回的对象是节点列表

该方法从一个类似数组或iterable对象创建一个新的数组实例


var liElems=document.queryselectoral（'ul#filter li'）；
var liElemsLikeArr=Array.from（liElems）；
liElemsLikeArr.forEach（函数（元素）{
警报（elem.textContent）；
})；












使用，返回文档中与指定选择器组匹配的元素列表。返回的对象是节点列表

该方法从一个类似数组或iterable对象创建一个新的数组实例


var liElems=document.queryselectoral（'ul#filter li'）；
var liElemsLikeArr=Array.from（liElems）；
liElemsLikeArr.forEach（函数（元素）{
警报（elem.textContent）；
})；












您期望哪些值？我想从ul li获取值…我的函数获取ul中所有列表项的值…请详细说明一下…您期望什么？您期望哪些值？我想从ul li获取值…我的函数获取ul中所有列表项的值…可以吗请详细说明。你期望什么？我会在这里使用查询选择器，但结果相同。我会在这里使用查询选择器，但结果相同。答案与
hacene abdessamed
…相同，可以持续访问项目。长度，坏习惯；）答案与hacene abdessamed的答案相同
…可以经常访问项目。长度，坏习惯；）