<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
.dlink{ color:red; background:#e7e7e7}
</style>
<body>
<div class="durl" id="box" contenteditable="true">
例:<a class="dlink">http://item.taobao.com/item.htm?id=40862965433</a>
</div>
<p>as</p>
<textarea id="o">我的gfhgasfkasg</textarea>
<input type="button" value="点我" onclick="setSelectText(document.getElementById('o'),index,index+spanText.length)" />
<script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
var spanText = $('p').text()
var textarea_text = $('#o').val();
var index = textarea_text.indexOf(spanText)
function setSelectText(el,start,end){
if(el.createTextRange){
var Range=el.createTextRange();
Range.collapse();
Range.moveEnd('character',end);
Range.moveStart('character',start);
Range.select();
}
if(el.setSelectionRange){
el.focus();
el.setSelectionRange(start,end); //设光标
}
}
</script>
</body>
</html>