<div class="item">
<p><img src="images/photos_sample1.jpg"
border="0" rel="images/google_map.jpg"></p>
<p>Dining Area</p>
</div>
<div class="item">
<p><img src="images/photos_sample2.jpg"
border="0" rel="images/sample_photo.jpg"></p>
<p>Pool Area</p>
</div>
我有上面的 HTML 代码,我想得到rel
单击图像时属性的值。我写了这个 jQuery 脚本,但它似乎不起作用:
$('div.item').click(function() {
var getvalue = $('this > p > img').attr('rel');
alert(getvalue);
});
替换这个:
var getvalue = $('this > p > img').attr('rel');
有了这个:
var getvalue = $(this).find('p > img').attr('rel');
现在,您正在对具有文字标签名称的元素进行全局搜索this
等效的代码也是:
var getvalue = $('p > img', this).attr('rel');
尽管从外观上看,这些项目是图像/标题组合,并且您不会真正期望其他图像,在这种情况下,最好这样做:
var getvalue = $(this).find('img').attr('rel');
或者也许给它一个描述性的类并替换img
with img.someclassname
- 这样,如果您稍后在 Javascript 上编辑 HTML,则不会因为您的特定选择器而中断。
此外,您可以将单击事件绑定到图像本身:
$('div.item img').click(function() {
var getvalue = $(this).attr('rel');
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)