Question

我有一个缩略图库，我想获得所选img和父div之间的距离（小图像|左侧）。我试过偏移/位置，但有些显示不起作用。请给我一些暗示或暗示。谢谢！

$(function(){
var $big= $("#big-image img");
var $small = $('.small-images img');
$big.not(':first').hide();
$small.last().addClass('selected');

$small.click(function(e){
    $small.removeClass('selected');
    var i = $(this).addClass('selected').index();
    $big.hide().eq(i).show();
});

$('.next, .prev').click(function() {
    var m = $(this).hasClass('next') ? 'next' : 'prev';
    var $t = $small.filter('.selected')[m]();
    if ($t.length) {
        $small.eq($t.index()).click();
    }
});

}）;

Jsfiddle

Answer 1

好的，我再试一次，因为我第一次误解了这个问题。

您需要使用offset.left。您必须使父项偏移并选择项目偏移并从所选项中减去父项。这样您就可以获得所选项目的相对偏移量（对于父项）：

var parentOffsetLeft = $(".small-images").offset().left;
var imgOffsetLeft = $(".selected").offset().left;
var relativeOffsetLeft = imgOffsetLeft - parentOffsetLeft;

下载一个演示小提琴：http://jsfiddle.net/theagitator/qqqqbqaz/9/

如何使用选定的类获得父div和img标记之间的距离？

1 个答案: