javascript - jquery 函数将 css 应用于图像

标签 javascript jquery css function

这是我的代码:

(function($) {
var images = $( "img" );
$("div.featured-card-box").find(images)[1].css("display", "none");
});

它应该将一些 css 应用于图像,但它不起作用,因为我对此很陌生,所以我不知道出了什么问题。非常感谢任何答案!

最佳答案

您的代码看起来比必要的要复杂一些:

1) 请注意,jQuery [1] 将是第二张图像,因为它从 0 开始计数。它也是一个 DOM 对象而不是 jQuery 对象,因此您将无法在其上使用 jQuery 方法(例如你正在尝试做)。

2) 使用 jQuery,您可以使用与 CSS 选择器相同的方法访问图像:

$("div.featured-card-box img")[1]

假设您希望隐藏 div 中带有“featured-card-box”类的第二张图片,这应该可以解决问题:

$("div.featured-card-box img:eq(1)").hide();

不过,您同样可以将 .hide() 替换为 .css('display','none')

编辑:这是一个 fiddle :https://jsfiddle.net/vf8d9ske/

关于javascript - jquery 函数将 css 应用于图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29177331/

相关文章:

javascript - 未键入以编程方式设置的值时跨度溢出

html - Joomla 中的表格无法正确调整大小?

javascript - 在子焦点上更改父 css(不破坏父 :hover css rules)

html - 如何仅使用 css 为搜索栏设置动画并保持输入打开以供用户输入?

javascript - 如何检测ajax加载内容中选择的变化

jquery - 如何在更改默认选中的 ="checked"后使用 jQuery 选中单选按钮

javascript - 以逗号作为百位分隔符打印数字

javascript - 如何使用 JavaScript 将多个字符串设置为一个 css 属性?

javascript - 包含按钮错误 : I would a button every 8 elements of the list 的列表

javascript - tinymce 自定义实现 - 他们的 docAPI 可能会更好