如何为jQuery数组中的单个元素添加title属性？

1. 修正数组结构 #

你想要的结构本质是对象数组，每个元素是包含href和title属性的对象，注意语法要符合JavaScript规范，正确写法如下：

var links = [
  { href: "one", title: "this is the first one" },
  { href: "two", title: "this is the second one" },
  { href: "three", title: "this is the third one" },
  { href: "etc", title: "and so on..." }
];

2. jQuery渲染可点击链接 #

遍历对象数组，为每个元素创建<a>标签，将href属性设置为链接值+.html，链接文本使用对应的title内容，最后挂载到页面容器中：

// 先确保页面存在用于放置链接的容器，比如 <div id="link-container"></div>
$(document).ready(function() {
  var $linkContainer = $('#link-container');
  
  links.forEach(function(item) {
    // 创建a标签并设置属性
    var $link = $('<a>')
      .attr('href', `${item.href}.html`)
      .text(item.title);
    
    // 添加到容器，可追加换行符区分链接
    $linkContainer.append($link).append('<br>');
  });
});

这样渲染后，每个链接会显示title的文本内容，点击后跳转到对应href值加.html的地址。

内容的提问来源于stack exchange，提问作者Tecior