javascript - 使用 jQuery 获取跨度起点的偏移量

Question

我想找到跨度的确切起点。但是，当我使用 jQuery 偏移量或 jQuery 位置时，我得到的只是跨度边界框的起点，这并不是很有帮助。此处提供了问题的说明:

http://jsfiddle.net/V6Gx6/13/

$('div').append('</br>'+$('span').outerHeight(true));
$('div').append('</br>'+$('span').offset().top);
$('div').append('</br>'+$('span').offset().left);

跨度起始点的“左”部分不应为零，因为跨度并非从行的开头开始。有人有巧妙的方法来规避这个问题吗？

Answer 1

这就是您要找的:

$("span")[0].offsetLeft

或者如果你想直接使用 javascript:

document.getElementById("theSpanIWant").offsetLeft;

要获取跨度中最后一个字符的 offsetRight，类似这样的操作应该有效:

function getOffsetRight(el) {
    $(el).append("<span id='findme'></span>");
    return $(el).parent().width() - $("#findme")[0].offsetLeft;
};

$(window).on("resize",function(){
    $('div').append("</br>"+$('span')[0].offsetLeft);
    $('div').append("</br>"+getOffsetRight($('span')[0]));

});

更新了 jsfiddle: http://jsfiddle.net/V6Gx6/17/