javascript – jquery – 创建所有LI名称的列表

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – jquery – 创建所有LI名称的列表，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含769字，纯文字阅读大概需要2分钟。

内容图文

鉴于以下HTML块：

<ul id="taglist">
<li><a name="45" href="">Product 1</a></li>
<li><a name="1146" href="">Product 2</a></li>
<li><a name="13437" href="">Product 3</a></li>
<li><a name="51" href="">Product 4</a></li>
</ul>

JQUERY是否可以返回一个STRING,一个名称为值的变量：

alert(tagliststring);

警惕：45,1146,13437,51

谢谢

解决方法:

您可以使用每个功能：

var names = [];
$('#taglist > li > a').each(function() {
    names.push(this.name);
});
var result = names.join(',');
alert(result);

这样,名称将是一个填充每个单独名称的数组,结果将是您要查找的逗号分隔的字符串.

有关更多信息,请参阅jQuery documentation.

更小的方法是使用jQuery的map函数：

var names = $('#taglist > li > a').map(function() { return this.name; }).get();
var result = names.join(',');

第一个例子可能更容易让人们阅读和理解.

内容总结

以上是互联网集市为您收集整理的javascript – jquery – 创建所有LI名称的列表全部内容，希望文章能够帮你解决javascript – jquery – 创建所有LI名称的列表所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端