首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >position()和表

position()和表
EN

Stack Overflow用户
提问于 2011-08-17 02:28:26
回答 3查看 5.6K关注 0票数 0

这怎么可能不提醒0 (相反,它提醒50)呢?

我需要相对于桌子的td位置

http://jsfiddle.net/vxVCE/

HTML:

代码语言:javascript
运行
复制
<div style="height:40px"></div>
<div>
    <table id="tbl">
        <tr>
            <td id="td1">linje 1</td>
        </tr>
        <tr>
            <td id="td2">linje 2</td>
        </tr>
    </table>
</div>

JS:

代码语言:javascript
运行
复制
var elm = $('#td1');
var position = elm.position();
alert(position.top);

编辑:我需要tr相对于表格的位置:)

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-08-17 02:31:29

position: relative;添加到表中。这样做将使它成为警报0。否则,它将查找相对于文档的位置。

票数 3
EN

Stack Overflow用户

发布于 2011-08-17 02:30:41

因为它在顶部是零而不是零--因此它是而不是

车身有一层10px填充物。

表格上方的div的高度是40px

因此它会向"50“(10 + 40 = 50)发出警报

票数 1
EN

Stack Overflow用户

发布于 2011-08-17 02:37:31

@Neal很好地解释了为什么它会给50。下面是第二部分:

要获得目标表格的位置w.r.t,请从td顶部减去表格的顶部:

代码语言:javascript
运行
复制
alert(position.top - $('#td1').closest('table').position().top);

演示:http://jsfiddle.net/mrchief/vxVCE/1/

注意:根据您的超文本标记语言/样式表,您可能必须使用表格的offset

代码语言:javascript
运行
复制
alert(position.top - $('#td1').closest('table').offset().top);
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7083133

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档