jQuery从突出显示的文本中获取类名

有一个按钮和一个conableitable div。jQuery从突出显示的文本中获取类名

在div中有一些文字。选定或突出显示的文本位于突出显示的类中。

编辑：如果我点击一个按钮，我需要跨班级（'saymyname'）的名称，因为这是突出显示。

例如： HTML：

<button>click</button> 
<div contenteditable="true"> 
    A none highlighted text and now 
    <span class='saymyname'>i'm highlighted</span> 
    more text 
    <span class='im_temporary_not_important'>more text</span> 
</div>

我怎么能与jQuery处理呢？

$(button).click(function(){ 
    ? 
});

来源

2016-03-04 kuki

你需要在div内的所有类跨度？ –

这不是一个简单的请求。你将如何处理涵盖几个不同元素的多个部分的选择？我的建议是查看[Rangy插件]（https://github.com/timdown/rangy），因为它至少可以帮助获取包含文本选择的元素。 –

只有突出显示的那个（'saymyname'） – kuki

入住这

$("button").click(function(){ 
 
    $("#content span").each(function(){ 
 
     $(".classNames").append($(this).attr("class")+"<br>"); 
 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button>click</button> 
 
<div contenteditable="true" id="content"> 
 
    A none highlighted text and now 
 
    <span class='saymyname'>i'm highlighted</span> 
 
    more text 
 
    <span class='im_temporary_not_important'>more text</span> 
 
</div> 
 
<br> 
 
<div class="classNames"> 
 
</div>

来源

2016-03-04 10:10:47

谢谢@Divyesh Savaliya。但我只需要一个如何通过光标突出显示（如myname） – kuki

jQuery从突出显示的文本中获取类名

回答

相关问题