用jquery选择孩子
Posted
技术标签:
【中文标题】用jquery选择孩子【英文标题】:Select children with jquery 【发布时间】:2013-04-23 09:13:57 【问题描述】:我正在努力寻找选择 div 的 img 的选项。
在我的标记中,我只有这个:
<div class="slideshow-container">
<div id="loading" class="loader"></div>
<div id="slideshow" class="slideshow"></div>
</div>
当它在浏览器中呈现时是这样的:
这是我使用的画廊:Galleriffic
我想选择#slideshow
的图像并为其添加类。请帮忙。
更新: 在图库 js 文件中,我找到了添加图像的位置,但我无法让它添加一个类。
这是我正在尝试的:
【问题讨论】:
在这里找到答案:Galleriffic support and issues. 希望对您有所帮助,祝您好运,谢谢大家。 【参考方案1】:试试这个:- 您可能需要查看 jquery 选择器。
$('#slideshow img').addClass('newclass');
如果您想专门查看超链接中的图像,并且想要直接影响 #slideshow
中存在的任何其他图像,您应该使用它。:-
$("#slideshow > .advance-link > img").addClass('newClass');
【讨论】:
$(function()...);
下有没有【参考方案2】:
试试这个:
$('#slideshow').find('img').addClass('someclass');
【讨论】:
我不明白,但它不起作用......我试图把它放在所有脚本的开头,在页面的末尾......没有效果...... Wtf? Agm,不,但我添加了它,但仍然没有。 jQuery(document).ready(function($) $('#slideshow').find('img').addClass('someclass'); ); 请创建一个描述问题的小提琴。你有可能有一个iframe吗?如果是这样,那么了解有关该 iframe 的更多信息会有所帮助。或者也许 $ 不是 jQuery?如果是这样,那么使用jQuery('#slideshow').find('img')
要像这样使用function($)
,你会想要使用(function($) $('#slideshow').find('img').addClass('someclass'); )(jQuery)
,也许你有$
被另一个库全局保留,比如原型?您可以使用var $j = jQuery.noConflict();
,然后使用$j
,正如您在其他jQuery 帖子/文档中看到的$
,例如$j('#slideshow').find('img').addClass('someclass');
【参考方案3】:
我是通过修改galleriffic的刷新功能实现的:
refresh: function()
// skip to this line of code:
if (!imageData.image)
var image = new Image();
// Add this line
image.className = your_class_name_here
【讨论】:
【参考方案4】:试试这个:
$("#slideshow").find('.advance-link').children('img').addClass('newClass');
【讨论】:
【参考方案5】:$('#slideshow').find('img').addClass('classname')
【讨论】:
以上是关于用jquery选择孩子的主要内容,如果未能解决你的问题,请参考以下文章
针对相同的孩子,但只针对某些不同的父母——CSS和jQuery选择器样式