我对JQuery很新颖。 我在一个div中有一个文本。当用户双击一个单词时,我想选择所有单词的外观。问题是我不知道如何引用选定的单词。 任何人都可以帮助我吗? 在此先感谢使用jQuery选择双击单词的所有实例
2
A
回答
0
0
3
这似乎工作:http://jsfiddle.net/f3wzT/
的代码发现双击单词,然后换行字的所有实例的跨度。可能有更好的方法来做到这一点,但正如你可以从上面的jsFiddle看到的那样,这确实奏效。
下面的代码(迅速从多个来源拼凑起来):
<script type="text/javascript">
function getSelectedText() {
var txt = '';
if (window.getSelection) {
txt = window.getSelection();
} else if (document.getSelection) {
txt = document.getSelection();
} else if (document.selection) {
txt = document.selection.createRange().text;
}
return txt;
}
function deselectText() {
if (window.getSelection) {
window.getSelection().removeAllRanges();
} else if (document.getSelection) {
txt = document.getSelection().removeAllRanges();
} else if (document.selection) {
txt = document.selection.empty;
}
}
$(document).ready(function() {
$('#content').dblclick(function() {
$('.highlight').removeClass('highlight');
var t = getSelectedText();
var regex = new RegExp(t, "gi");
this.innerHTML = this.innerHTML.replace(regex, function(matched) {return "<span class=\"highlight \">" + matched + "</span>";});
deselectText();
});
});
</script>
0
这里是把一个跨度围绕每一个单词,然后重点介绍了相同的文本都跨度的样本。 http://jsfiddle.net/6xsNK/3/
$('.para').each(function() {
var words = $(this).text().split(' ');
var el = $(this).empty();
$(words).each(function(i) {
el.append($('<span>').text(this+' '));
});
});
$('.para span').dblclick(function() {
var t = $(this).text();
var count = $('.para span').removeClass('hilite').filter(function() { return $(this).text() == t;}).addClass('hilite').size();
alert(count+' match(es) found');
});
相关问题
- 1. 选择有使用Chrome双击粘
- 2. 使用jQuery将样式应用于单击元素的所有实例
- 3. 记事本++双击选择单词包括其他非单词字符
- 4. 单击复选框点击选择Jquery mobile中的所有复选框
- 5. Netbeans 7.1 - 如何双击选择一个单词?
- 6. 在gedit中双击所有匹配的单词
- 7. 使用jQuery选择所有复选框
- 8. 使用jQuery时,如何选择一个类的所有实例,当使用多个类选择器
- 9. jQuery选择所有单选按钮组
- 10. JQuery Megamenu问题:单击时扩展所有实例
- 11. 查找单词的所有实例并用HTML替换
- 12. 双击网页上所有内容的人... jQuery双击问题
- 13. jquery mobile - 选择,通过单击“全部”选项取消选择所有选择菜单选项
- 14. 用jQuery点击选择单选按钮
- 15. 双击选中所有的ListBoxItems
- 16. jquery表href选择所有应该只选择点击行
- 17. 的jQuery选择选项单击处理
- 18. jQuery - 单击和双击 - jEditable
- 19. 单击一下即可选择所有单选按钮
- 20. 选择(或点击)使用jQuery的特定单选按钮
- 21. 标记一个单词的所有实例(德尔福,RichText)
- 22. 在标签中包装单词的所有实例?
- 23. 选择列MYSQL中的所有不同的单词
- 24. HTML双击选择Oddity
- 25. 双击选择器问题
- 26. jQuery - 单击链接以选择一个选择菜单选项
- 27. 在bash中选择字符串中的所有单词对
- 28. 如何使用jQuery捕获右键单击选择框选项?
- 29. jQuery的谓词选择
- 30. Sliderbar有3个单词的选择
似乎与一个链接的词一起工作。似乎没有实际做OP的想法。 –
您可能可以通过将DIV中的每个单词放入“链接的单词”中并对其进行样式设计,使其看起来不像链接的单词。 – Magrangs
你可以把每个单词放在一个标签(不是我所知道的)中,然后把一个委托放在div上(我相信现在在最新版本的jquery中叫做'On'),它可以传递文本标记到一个调用上面提到的插件的突出显示的函数......虽然看起来不是很优雅,并且会导致很多html – Magrangs