jquery+获取li+文本

jQuery是一款非常流行的JavaScript库，广泛应用于网页开发中。当我们需要获取页面中的某些元素时，jQuery可以帮助我们更快捷地完成这一任务。本文章将介绍如何使用jQuery获取li的文本。

$('li').each(function() {
    var text = $(this).text();
    console.log(text);
}
    );

上述代码使用了jQuery的each方法，遍历了当前页面中所有的li元素。对于每一个li元素，我们使用text()方法获取了它的文本内容，赋值给变量text。最后，我们将text打印到控制台中。

如果我们只想获取某个ul元素下的li文本，可以在选择器中指定它的父元素：

$('ul#myList li').each(function() {
    var text = $(this).text();
    console.log(text);
}
    );

以上代码只会遍历id为myList的ul元素中的li元素，并获取它们的文本内容。

当然，我们也可以根据li的class属性来选择元素：

$('li.item').each(function() {
    var text = $(this).text();
    console.log(text);
}
    );
    

以上代码会遍历所有带有class属性为item的li元素，并获取它们的文本内容。

通过以上方法，我们可以快速方便地获取li元素的文本内容，为网页开发带来便利。除此之外，jQuery还有许多强大的功能，值得进一步学习和应用。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！