当一个列表包含一个' button'元素时,如果你只想获取列表的值而不包括按钮的值,你可以使用以下方法:
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数组中。
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,上述代码都可以帮助你获取列表的值而不包括按钮的值。
领取专属 10元无门槛券
手把手带您无忧上云