虽然我找到了几个选择 href 属性的答案,但它们都不适合我。也许有人可以帮忙。
网页如下
<div class="galleryitem">
<div class="itemlink">
<a href="page1.html">Page</a>
</div>
<div class="itemimg">
<a href="img/test1.png">test1.png</a>
</div>
</div>
<div class="galleryitem">
<div class="itemlink">
<a href="page1.html">Page 1</a>
</div>
<div class="itemimg">
<a href="img/test2.png">test2.png</a>
</div>
</div>
现在我想在 hrefs 中处理所有属性值并尝试使用
$('.galleryitem').each(function() {
var link = $(this).children('itemlink a').attr('href');
var img = $(this).children(".itemimg a").attr("href");
//jQuery("#somediv").append("<a href='" + link + "'><img class='cloudcarousel' src='" + img + "'/></a>");
});
我不知道为什么链接和 img 未定义。甚至 $(this).children('.itemlink a') 也是未定义的。
谁能帮忙?
尝试使用find
$('.galleryitem').each(function() {
var link = $(this).find('itemlink a').attr('href');
var img = $(this).find(".itemimg a").attr("href");
//...
})
您要确保.find()
方法而不是仅抓取直系后代的.children
方法。(您还有一个小错误缺少itemlink
中的句点)
var link = $(this).find('.itemlink a').attr('href');
var img = $(this).find(".itemimg a").attr("href");
应该为你工作,这里有一个小提琴:http://jsfiddle.net/hQeu3/
.children
不起作用的原因是没有与此选择器".itemlink a"匹配的直接后代。 jQuery抓取div(".itemlink"),然后尝试过滤到选择器,在这种情况下失败。 它基本上等于
$(this).children().filter('.itemlink a'); //won't work!
如果你想使用孩子,你可以这样做
$(this).children('.itemlink').children("a").attr('href');
您可以执行以下操作:
$('.galleryitem').each(function() {
var link = $('.itemlink > a', this).attr('href');
var img = $('.itemimg > a', this).attr('href');
});
考虑到.itemlink
和.itemimg
是<a>
元素的直接父级。