• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

将锚点属性添加到jQuery数组中

JavaScript 来源:technopeasant 3次浏览

对这个问题有困难,我知道它很简单。谷歌没有太多帮助,因为我不太确定要问什么。所以这里的交易:将锚点属性添加到jQuery数组中

我有一个锚的列表,需要追加两个属性从他们每个人以特定格式的数组。我可以轻松获取每个元素的属性,但我不确定如何将它们附加到数组。下面是我在寻找:

目标阵列输出

slides = [{ 
    img: 'img/aaron1.jpg', 
    desc: '127' 
} 

HTML

<section id="photoBin"> 
    <ul> 
     <li><a id="test" href="img/aaron1.jpg" title="Photo #127">127</a></li> 
     <li><a href="img/aaron2.jpg" title="Photo #128">128</a></li> 
     <li><a href="img/aaron3.jpg" title="Photo #129">129</a></li> 
     <li><a href="img/aaron4.jpg" title="Photo #130">130</a></li> 
     <li><a href="img/aaron5.jpg" title="Photo #131">131</a></li> 
     <li><a href="img/aaron6.jpg" title="Photo #132">132</a></li> 
    </ul> 
</section> 

的JavaScript

var slides = []; 

$('li a').each(function(){ 

    var el = $(this) 
     img, 
     desc; 

     img = el.attr('href'); 
     desc = el.attr('title').split('Photo #'); 
}); 

感谢您的帮助!让我们粉笔此一上来就轻松的声誉:)

===========解决方案如下:

你错过了通过push将它们添加到数组中的部分。

另外,split给你一个数组;如果你只是寻找第二件分割(数),则需要通过索引访问[1]访问数组的第二个元素:

http://jsfiddle.net/H4wWX/1/

var slides = []; 

$('li a').each(function(){ 
    var el = $(this); 

    slides.push({ 
     img: el.attr('href'), 
     desc: el.attr('title').split('Photo #')[1] 
    }); 
}); 

您可能还需要考虑防弹;如果el.attr('title')不是字符串或不包含"Photo #",则拆分/索引存取器将引发异常。


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)