Javascript 调用多个属性

对jQuery/Javascript还是很陌生，我有点挣扎

我创建了一个名为catno的属性，我已将该属性分配给多个链接。然后，我希望将banner-1中的所有实例调用到另一个用逗号分隔的链接中。i、 e

<a href="1290311655,1337929192,1374407572,1337930498,1353983749," class="buy-outfit">New Link</a>

我只是在努力实现这一点。我现在的代码只返回第一个catno

任何帮助都会很好

<div id="banner-1>
<a href="" catno="1290311655" class="add-catno" alt="" title=""></a>
<a href="" catno="1337929192" class="add-catno" alt="" title=""></a>
<a href="" catno="1374407572" class="add-catno" alt="" title=""></a>
<a href="" catno="1337930498" class="add-catno" alt="" title=""></a>
<a href="" catno="1353983749" class="add-catno" alt="" title=""></a>

<a href="" class="new-link">New Link</a>
</div>

$sd('.buy-outfit').attr('href', function() {
return $sd("#banner-1 .add-catno").attr('catno') + ',';
});

在OP的评论后更新





[id^=banner-]
-->选择id以
banner-
开头的所有元素，用于生成CATNO数组，并将其
连接成字符串

$('.new-link').attr('href', function() {
  return $.map($(".add-catno"), function (el) {
    return $(el).data('catno');
  }).join(',');
});

请注意，在示例中，我已将catnos属性更改为
data
属性。使用
数据
被认为是向HTML中添加任意数据的良好实践

谢谢！！如果我想继续创造一个#横幅-2/3/4/5。在不添加x次代码的情况下，我如何做到这一点？在这里摆弄它-谢谢：）太好了！！谢谢：）@Nick Welcome很高兴它有帮助：）
$('[id^=banner-] .new-link').attr('href', function () {
    return $(this).parent().find('a').map(function () {
        return $(this).attr('catno');
    }).get().join();
});

$('.new-link').attr('href', function() {
  return $.map($(".add-catno"), function (el) {
    return $(el).data('catno');
  }).join(',');
});