使用jQuery [name ='+ filename]查找jQuery属性值

时间:2013-07-08 20:10:56

标签: jquery

我正在制作动态画廊

这是我的代码的一部分

<li id="pic_0">
 <img src="http://localhost/wpff/wp-content/themes/twentyeleven/images/family/small/012_family-portrait_people_sea.jpg" name="012_family-portrait_people_sea.jpg" horz="y">
</li>
<li id="pic_1">
 <img src="http://localhost/wpff/wp-content/themes/twentyeleven/images/family/small/011_family-portrait_people_sea.jpg" name="011_family-portrait_people_sea.jpg" horz="y">
</li>
<li id="pic_2">
 <img src="http://localhost/wpff/wp-content/themes/twentyeleven/images/family/small/010_family-portrait_mother-son_sea.jpg" name="010_family-portrait_mother-son_sea.jpg" horz="y">
</li>

动态生成的文件名。 我想知道使用jquery

知道文件名(存储在Bigpic变量中的名称值)的“horz”值
var horz = $('name='+Bigpic).attr('horz');

无法正确行事! 请帮助。

感谢。 克塞

1 个答案:

答案 0 :(得分:3)

您的选择器不正确,请在创建元素后尝试这种方式:

var horz = $('[name="'+Bigpic + '"]').attr('horz');

还可以考虑将属性名称horz更改为data-horz,并使用数据api来检索值。

var horz = $('[name="'+Bigpic + '"]').data('horz');

还要确保将属性值括在双引号中,因为它有一些保留的字符(.)以及标准的使用方式。

<强> Fiddle