提问者:小点点

使用Java脚本或jquery提取<li>标记内的文本


null

var array1[] ;

//i want to store text inside href in a array like this
// [cat,dog,cow,hen,elephant] , how can I do that?
<div class="ABCD"><h2 class="AB">Tags</h2>
<ul>
 <li><a href="/example">cat</a></li>
 <li><a href="/example2">dog</a></li>
 <li><a href="/example3">cow</a></li>
 <li><a href="/example4">hen</a></li>
 <li><a href="/example5">elephant</a></li>
</ul>
</div>

null

我想让猫,狗,牛,母鸡,大象使用JavaScript排列动物[]。

我怎么才能把它们放到数组里呢? 请帮帮忙


共3个答案

匿名用户

请参考下面的要求,您正在寻找

null

let allLinks = document.querySelectorAll("div.ABCD  li > a")

let allLinksarray = Array.from(allLinks).map(linkElem => linkElem.innerHTML)

console.log(allLinksarray)
<div class="ABCD">
  <h2 class="AB">Tags</h2>
  <ul>
    <li><a href="/example">cat</a></li>
    <li><a href="/example2">dog</a></li>
    <li><a href="/example3">cow</a></li>
    <li><a href="/example4">hen</a></li>
    <li><a href="/example5">elephant</a></li>
  </ul>
</div>

匿名用户

null

var array = [];
var links = document.querySelectorAll('a');

links.forEach(link => array.push(link.text));

console.log(array);
<div class="ABCD"><h2 class="AB">Tags</h2>
<ul>
 <li><a href="/example">cat</a></li>
 <li><a href="/example2">dog</a></li>
 <li><a href="/example3">cow</a></li>
 <li><a href="/example4">hen</a></li>
 <li><a href="/example5">elephant</a></li>
</ul>
</div>

匿名用户

你可以这样做:

null

const lists = Array.from(document.querySelectorAll('li'));
let texts = lists.map(list => list.textContent);

console.log(texts);
<div class="ABCD"><h2 class="AB">Tags</h2>
<ul>
 <li><a href="/example">cat</a></li>
 <li><a href="/example2">dog</a></li>
 <li><a href="/example3">cow</a></li>
 <li><a href="/example4">hen</a></li>
 <li><a href="/example5">elephant</a></li>
</ul>
</div>