首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

当一个列表包含一个' button‘元素时,我怎么能只找到list的值,而不是button

当一个列表包含一个' button'元素时,如果你只想获取列表的值而不包括按钮的值,你可以使用以下方法:

  1. 使用JavaScript的querySelectorAll()方法来选择列表中的所有元素,然后使用Array.from()方法将其转换为数组。然后,你可以使用Array.prototype.filter()方法来过滤掉按钮元素,只保留列表元素。
代码语言:txt
复制
const listItems = Array.from(document.querySelectorAll('ul li'));
const listValues = listItems.filter(item => !item.classList.contains('button')).map(item => item.textContent);
console.log(listValues);

在上面的代码中,我们首先使用querySelectorAll()方法选择所有ul元素下的li元素,并使用Array.from()方法将其转换为数组。然后,我们使用Array.prototype.filter()方法过滤掉包含'button'类的元素,只保留列表元素。最后,我们使用Array.prototype.map()方法将列表元素的文本内容提取出来,并将结果存储在listValues数组中。

  1. 如果你使用的是jQuery库,你可以使用其提供的选择器和过滤器来实现相同的效果。
代码语言:txt
复制
const listValues = $('ul li:not(.button)').map(function() {
  return $(this).text();
}).get();
console.log(listValues);

在上面的代码中,我们使用jQuery选择器选择所有ul元素下的li元素,并使用:not(.button)过滤器排除包含'button'类的元素。然后,我们使用map()方法将列表元素的文本内容提取出来,并使用get()方法将结果转换为数组。

无论你选择使用原生JavaScript还是jQuery,上述代码都可以帮助你获取列表的值而不包括按钮的值。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券