Question

我有这段代码

＆＃13;

<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>

＆＃13;

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

Answer 1

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();
					}
    			});

在span标记javascript中包装数字

1 个答案: