Question

<script src="jquery.min.js"></script>

<h1 id="Texting" contenteditable="true">11111111111111111111111111111</h1>

<button id="BTN">AddText</button>
<script>

$('#BTN').click(function(){
   var str="<h1>GERLS GRUP SEX</h1>"; //h2 Element add to h1 id="Texting"

   //code
});
</script>

插入一个元素（表示光标在h1中）的任务至少与div无关，因此当在id = "Texting"元素<g1> GERLS GRUP SEX </ h1>中的指定光标位置按下按钮时物种将是

<h1 id = "Texting" contenteditable = "true"> 11111111 <h1> GERLS GRUP SEX </ h1> 111111111111111111111 </ h1>

Answer 1

我相信你需要类似的东西

$('#BTN').click(function(){
    var str="GERLS GRUP SEX";
    var htmlText = $("#Texting").html()
    var position = document.getSelection().anchorOffset;
    var result =  htmlText.slice(0, position) + str + htmlText.slice(position);
    console.log(result); 
    $("#Texting").html(result);
});

Jquery通过光标位置将元素插入div

1 个答案: