在span标签javascript中包装数字

wrap numbers in span tag javascript

本文关键字：包装 数字 javascript span 标签      更新时间：2023-09-26

我有这样的代码

<div class="NumbersDiv">
<p> The Number <span class=class1>150</span> is <b>same</b> as <b><span>25</span></b> * 6 </p>
<p> The Number <i>175</i> is <b>same</b> as <b><span>25</span></b> * <span>7</span> </p>
<p> The Number <span class=class1>200</span> is <b>same</b> as <b><span>25</span></b> * 8 </p>
</div>
<button>Numbers</button>

问题是，当我点击Numbers按钮时，我想将NumbersDiv中的所有数字包含在span标签中，而不是已经包含在span标签中的数字。注意:如果有人提供jsfiddle的演示，将会更有帮助。

var rxp = new RegExp("(([0-9]+'.?[0-9]+)|([0-9]+))", "gm");
				$(document.activeElement).keyup(function(e){
					if(e.keyCode == 13){
						e.preventDefault();
						var ths = $(document.activeElement);
						$("<p class='Paragraph' contenteditable='true'></p>").insertAfter( document.activeElement ).focus(); 
						$(ths).children(".highlight").contents().unwrap();
						var content = $(ths).html();
    					$(ths).html(content.replace(rxp,"<span class='highlight' ondragover='event.preventDefault()' ondrop='drop(event)'>$1</span>"));
					};
					$(document.activeElement).children(".highlight").contents().unwrap();
					var content = $(document.activeElement).html();
    				$(document.activeElement).html(content.replace(rxp,"<span class='highlight' ondragover='event.preventDefault()' ondrop='drop(event)'>$1</span>"));
    				while($(document.activeElement).children().children().length > 0){
					$(document.activeElement).children().children().contents().unwrap();
					}
    			});

相关文章：