如何在插入位置获得div id

时间:2014-01-31 10:35:01

标签: javascript jquery html jquery-plugins

如何在jquery中的插入位置获取div id?例如,我的主要div是主框,鼠标位置在<div id="content"></div>

<div id="main-box"> ........
 <div id="wrap" class="clearfix"> ............
 <div id="header"> ........
  <div id="content"> ...............
    <div id="section1"> ...... </div>
    <div id="section2"> ........ </div>
  </div>
 </div>
</div>

 <script type="text/javascript">
 $(document).ready(function(){  

 $('#main-box').click(function() { 
 alert(getCaretPosition(this));
});


  });
   function getCaretPosition(editableDiv) {
var caretPos = 0, containerEl = null, sel, range;
if (window.getSelection) {
    sel = window.getSelection();
    if (sel.rangeCount) {
        range = sel.getRangeAt(0);
        if (range.commonAncestorContainer.parentNode == editableDiv) {
            caretPos = range.endOffset;
        }
    }
} else if (document.selection && document.selection.createRange) {
    range = document.selection.createRange();
    if (range.parentElement() == editableDiv) {
        var tempEl = document.createElement("span");
        editableDiv.insertBefore(tempEl, editableDiv.firstChild);
        var tempRange = range.duplicate();
        tempRange.moveToElementText(tempEl);
        tempRange.setEndPoint("EndToEnd", range);
        caretPos = tempRange.text.length;
    }
  }
   return caretPos;
}

</script>

当鼠标悬停或点击时,我需要获得潜水ID? 如果有人有任何想法请分享!

3 个答案:

答案 0 :(得分:0)

你有没有试过像

这样的东西
$(e.currentTarget).attr('id)

在您的活动内容中

答案 1 :(得分:0)

您可以尝试以下代码:

alert($('.YourClass').attr('id'));
祝你好运..

答案 2 :(得分:0)

Verry easy,http://jsfiddle.net/Ncnq6/1/

在文档上为所有div元素附加事件侦听器。您可以用任何其他处理程序替换“mouseenter”。 $(document).on("mouseover","div",function(e){