Question

<div id=bar>
    Hey, <b>how</b> are <span><u><b>you</b>?</u></span>
</div>

我需要解析此代码并将span标记设置在由开头和结尾标识的确定位置。

一个例子是：START：15 - END：16

（注意，＆＃34;开始＆＃34;＆＃34;结束＆＃34;是从简单的字符串设置的＆＃34;嘿，你好吗？＆＃34;）

<div id=bar>
    Hey, <b>how</b> are <span><u><b>y<span id=someid>ou</span></b>?</u></span>
</div>

我的想法是解析节点＆＃34; bar＆＃34;，获取其html代码，并使用复杂的OOP算法设置span标记，但是......它很难做很长时间。（JS中的所有内容）

是否有一种优秀的编程语言可以简化我的工作？

Answer 1

我想我得到了你想做的事。试试这个：

var text = $("#bar").text(); //jQuery gives you the text...strips the html tags
var html = $("#bar").html(); //jQuery gives you the html and text here

text = $.trim(text); //remove any whitespace from start and end

var original = text.substr(14, 2); //Get the substring you want
var updated = "<span id='someid'>" + original + "</span>"; 

html = html.replace(original, updated); //replace
$("#bar").html(html); //set new html

JsFiddle：http://jsfiddle.net/bbcLm97o/2/

解析HTML代码并设置<span>标记</span>

1 个答案: