如何使用jquery在div標籤中的某處找到某個位置

Question

另請查看附加圖像以進行說明。我有一個div容器，我想在div容器中使用jquery或javascript或兩者都找到某個位置。附加的圖像顯示了一切。請幫忙。

更新

我想找到這個職位的原因是，我想動畫的容器朝這一點，並最終消失。其次，我想在對面找到位置，這樣我就可以從該位置製作動畫容器。

二更新

換句話說我們怎麼能找到點兩線的交點的？

Answer 1

我沒有看到的圖像，但是，如果你正在尋找得到的位置，這是理想的插入位置，你可以使用jQuery插件http://plugins.jquery.com/project/jCaret

Answer 2

如果你想在X，Y的鼠標就可以閱讀這個問題：

getting the X/Y coordinates of a mouse click on an image with jQuery

這裏是從基於的img問題的摘錄，但你可以CH安格它爲您的容器：

$(document).ready(function() { 
    $('img').click(function(e) { 
    var offset = $(this).offset(); 
    alert(e.clientX - offset.left); 
    alert(e.clientY - offset.top); 
    }); 
}); 

Answer 3

您可以使用此找到poiter位置，嘗試

$(document).ready(function(){ 

    $("div#container").on("mousemove", function(e){ 
    var self = $(this); 
    var dx = e.pageX; 
    var dy = e.pageY; 

    var x = dx - self.offset().left ; 
    var y = dy - self.offset().top ; 

    console.log(x); 
    console.log(y); 
    }); 
}); 

Answer 4

鑑於你需要找到一個div內兩條線之間的交叉點，您的標記可以看看像這樣：

<div id="container" style="position:absolute; width: 100%; height: 200px;"> 
    <div style="width: 2px; height: 100%; left: 20%; position:absolute; background-color: red; top: 0;"></div> 
    <div style="height: 2px; width: 100%; left: 0; position:absolute; background-color: blue; top: 25%;"></div> 
</div>​ 

使用jQuery，你可以找到這樣的交點座標：

var x = $('#container div:first').position().left; 
var y = $('#container div:last').position().top; 
console.log(x,y); 

x和y將以像素爲單位相對於容器元素的座標。

http://jsfiddle.net/sAsmj/