Question

我需要了解我的光标在可信任的div上的位置。

当我按下回车键时，contenteditable div会创建一个＆＃34;＆＃34;作为一排。就像：

<div class="contenteditable" contenteditable="true">
<div></div>
<div></div>
<div></div>
<div></div>
</div>

然后，我需要学习，哪一行是我的光标，然后我会在其中附加一些HTML代码。

如何使用jquery执行此操作？

Answer 1

你可以使用JQuery的insertAfter（）函数。

JSFiddle

$('.contenteditable div').click(function() {
  $('<div>New Div</div>').insertAfter(this);
});

当你单击contenteditable中的一个div时，它会在它之后插入一个新的div。我添加了文字“New Div”，以便在新条目的位置更加明显。

Answer 2

使用此：

$('button').click(function(){
var $div=$('div'), isEditable=$div.is('.editable');
$div.prop('contenteditable',!isEditable).toggleClass('editable') })

演示：http://jsfiddle.net/Wu4VD/65/

稍后编辑：
我想你想要那个！
在事件点击，div上编辑，看行（索引或id）

    <div class="contenteditable" contenteditable="true">
    <div id="1">Some text 1</div>
    <div id="2">Some text 2</div>
    <div id="3">Some text 3</div>
    <div id="4">Some text 4</div>

$('.contenteditable div').click(function(){
    alert($(this).attr("id"));
 });

点击here to see demo

将游标行放入contenteditable div（jquery）

2 个答案: