Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用getSelectedText()中的文本选择执行wrap()?_Javascript_Jquery - Fatal编程技术网

Javascript 如何使用getSelectedText()中的文本选择执行wrap()?

Javascript 如何使用getSelectedText()中的文本选择执行wrap()?,javascript,jquery,Javascript,Jquery,我想在选定的文本周围扭曲一个div,但我不知道如何以最简单的方式执行此操作? 我通过 myselection = window.getSelection(); 例如,我们有“123456789”,我选择了“456” 我想在最后 "123<div>456</div>789" “123456789” 我知道使用wrap()应该是可行的,但通常我每次都使用它作为类或id的选择器。如何对选择对象使用wrap()函数 谢谢你的帮助 首先,你可以试试这样的东西 let sele

我想在选定的文本周围扭曲一个div,但我不知道如何以最简单的方式执行此操作?

我通过

myselection = window.getSelection();
例如,我们有
“123456789”
,我选择了
“456”
我想在最后

"123<div>456</div>789"
“123456789”
我知道使用wrap()应该是可行的,但通常我每次都使用它作为类或id的选择器。如何对选择对象使用
wrap()
函数


谢谢你的帮助

首先,你可以试试这样的东西

let selectedString = window.getSelection().toString()
let selectedNode = $(window.getSelection().anchorNode).parent()
let fullText = selectedNode.get(0).innerHTML
let finalText = fullText.replace(selectedString, "<span style='background:red'>" + selectedString + "</span>")
selectedNode.get(0).innerHTML = finalText
让selectedString=window.getSelection().toString()
让selectedNode=$(window.getSelection().anchorNode.parent())
让fullText=selectedNode.get(0).innerHTML
让finalText=fullText.replace(selectedString,“+selectedString+”)
selectedNode.get(0).innerHTML=finalText

您可以从
getSelection().anchorNode
获取节点。使用节点数据搜索字符串并准备具有克隆属性的新元素。然后隐藏旧元素并将新的准备好的元素插入到旧元素所在的位置听起来有点复杂?你能给我举个简单的例子吗,我现在不认为我应该用什么样的方式来使用主播了吗?不,这不可疑!这里我们必须从一个选择器对象开始,所以我认为我们应该让问题保持原样!