用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选择器样式

jQuery - 选择一个只有超过一定数量的孩子的容器

jquery选择器需要选择父母的所有某些孩子

使用 jQuery 如何在使用 .closest() 时选择一个孩子?

jQuery选择除self之外的所有兄弟姐妹和孩子

如何使用jQuery选择树中的最后一个孩子?