从页面中获取 <a> 标签的 href 和 text

Question

我有一个包含多个链接的页面（<a> 带有特定类选择器的标签，例如 "class=my-link"），我需要获取这些链接的文本（<a> 和 </a> 标签之间的内容）以及它们的"href" 属性并将其输出到一个JavaScript 多维对象中，并给出一个ID 号（只是递增，01、02、03 等等）。

示例。

带有链接的原始页面：

<a href="red" class="my-link">Apples are red</a>
<a href="green" class="my-link">Grass is green</a>

输出：

var mylinks = [
  { "LinkID": "01", "LinkHref": "red", "LinkText": "Apples are red" },
  { "LinkID": "02", "LinkHref": "green", "LinkText": "Grass is green" }
];

Answer 1

您可以执行以下操作

var arr = [];
$.each( $("a.my-link"), function( i, element ) { // iterate over all anchor elements with class my-link
   arr.push({
       "LinkID" : i+1,
       "LinkHref" : $(element).attr("href"),
       "LinkText" : $(element).html()
   });
});