jquery - 获取父级的父级？

发布于 2024-08-14 03:39:42 字数 1325 浏览 1 评论 0原文

我正在使用 jquery.cjobjectScaler 插件（链接文本）并且由于我无法控制的情况，img 在 div 内超链接......我不有什么方法可以“删除”该标签，我也无法对其重新排序...

所以，原始功能是这样的：

$("#productGrid li img").cjObjectScaler({
    destObj: $("#productGrid li img").parent("li"), // must be a jQuery object (required)
    method: "fit", // can either be fit or fill (default fill)
    fade: 800 // if a positive integer, will hide and fadeIn object n duration (default 0)
});

/* CSS for above */

ul#productGrid li {
    position: relative;
    display: block;
    width: 190px;
    height: 150px;
    border: 1px solid #ccc;
    float: left;
    margin-right:
    10px; margin-bottom:
    10px; overflow: hidden;
}

这是我正在尝试使用的版本...

$(".ffts a img").cjObjectScaler({
     destObj: $(".ffts a img").parent("a"),
     method: "fill",
});

/* css for above */
.ffts a {
    width: 550px; 
    height: 300px;
}

/* here's the markup */
<div class="ffts">
     <a href="/img" style="position: relative;">
     <img src="/source/image.jpg" />
     </a>        
</div>

而且，它确实调整了它的大小，但不是为 ffts 设置的尺寸...我已经验证该样式没有被覆盖，所以不确定从这里去哪里...？

原文

I'm using the jquery.cjobjectScaler plugin (link text ) and due to circumstances beyond my control, the img is hyperlinked within the div... I don't have any way to "strip out" that tag, nor can I reorder it at all...

So, the original function is this:

$("#productGrid li img").cjObjectScaler({
    destObj: $("#productGrid li img").parent("li"), // must be a jQuery object (required)
    method: "fit", // can either be fit or fill (default fill)
    fade: 800 // if a positive integer, will hide and fadeIn object n duration (default 0)
});

/* CSS for above */

ul#productGrid li {
    position: relative;
    display: block;
    width: 190px;
    height: 150px;
    border: 1px solid #ccc;
    float: left;
    margin-right:
    10px; margin-bottom:
    10px; overflow: hidden;
}

And this is the version I'm trying to use...

$(".ffts a img").cjObjectScaler({
     destObj: $(".ffts a img").parent("a"),
     method: "fill",
});

/* css for above */
.ffts a {
    width: 550px; 
    height: 300px;
}

/* here's the markup */
<div class="ffts">
     <a href="/img" style="position: relative;">
     <img src="/source/image.jpg" />
     </a>        
</div>

And, it does resize it, but not to the dimensions set for ffts a... I've verified that that style isn't being overridden, so not sure where to go from here... ?

分享到QQ

分享到微博