link之家
链接快照平台
- 输入网页链接，自动生成快照
- 标签化管理网页链接
相关文章推荐
|
豪气的电脑桌 · 路易十三酒多少钱 - 百度· 5 月前 · |
|
|
飘逸的汽水 · 精品鉴赏——大清铜币 丁未年当制钱十文_流通· 6 月前 · |
|
|
豁达的哑铃 · 理性看待疫情对中国和世界经济的影响· 1 年前 · |
|
|
小胡子的瀑布 · 江宴许苒许晟完结侠 - 抖音· 1 年前 · |
|
|
玩足球的大海 · 绝世唐门：天梦冰蚕和男主霍雨浩的相遇，确认过 ...· 1 年前 · |
所以我有一个HTML链接数组；
[
"<a href=\"...\" target=\"_blank\">foo</a>",
"<a href=\"...\" target=\"_blank\">apple</a>",
"<a href=\"...\" target=\"_blank\">cucumber</a>"
]
我想根据它面向用户的输出(即
a
标签的内容)对其进行排序；
[
"<a href=\"...\" target=\"_blank\">apple</a>",
"<a href=\"...\" target=\"_blank\">cucumber</a>",
"<a href=\"...\" target=\"_blank\">foo</a>"
]
我想我必须去掉HTML标记，然后再去掉
.sort()
，但我不知道如何将其与原始数组协调。我该怎么做？
3 个回答
高票数
最新
Stack Overflow用户
回答于2014-07-06 06:53
得票数
3
您可以使用regex和比较函数轻松地做到这一点。
var arr = [
"<a href=\"...\" target=\"_blank\">foo</a>",
"<a href=\"...\" target=\"_blank\">apple</a>",
"<a href=\"...\" target=\"_blank\">cucumber</a>"
function compFunc(a,b){
return a.match(/>(.*)</)[1] > b.match(/>(.*)</)[1];
console.log(arr.sort(compFunc))
regex将匹配关闭的
>
与以下打开的
<
之间的任何内容(需要确保它们之间的内容不包含这些字符)，而
(.*)
周围的括号意味着它是一个捕获组，从
.match()
返回的数组中将捕获组的内容(我们希望的字符串)作为第二个元素。
Stack Overflow用户
修改于2017-05-23 12:05
得票数
5
您可以使用 DOMParser 解析HTML并获取标记的内容。
如果不使用regex，只要选择器匹配，标记就可以是任何东西，这通常是regex 并不能真正解析HTML 所需要的。
然后使用
localeCompare
比较字符串，这避免了区分大小写和使用
<
或
>
的特殊字符的问题。
arr.sort(function(a,b) {
var docA = new DOMParser().parseFromString(a, "text/html");
var docB = new DOMParser().parseFromString(b, "text/html");
var txtA = docA.querySelector('a').innerHTML;
var txtB = docB.querySelector('a').innerHTML;
return txtA.localeCompare(txtB);
});
推荐文章
|
|
豪气的电脑桌 · 路易十三酒多少钱 - 百度 5 月前 |
|
|
飘逸的汽水 · 精品鉴赏——大清铜币 丁未年当制钱十文_流通 6 月前 |
|
|
豁达的哑铃 · 理性看待疫情对中国和世界经济的影响 1 年前 |
|
|
小胡子的瀑布 · 江宴许苒许晟完结侠 - 抖音 1 年前 |