SSH模糊查询后显示结果是查询关键字颜色设置

Question

我要显示<li ><div><s:property value="#tz.title"/></div></li>里的值中等于模
糊查询关键字的部分显示红色。

<s:form action="select" method="post" theme="simple">
     <s:textfield name="tz.title"></s:textfield><s:submit value="搜索" style="float:right;"></s:submit>
     </s:form>




<s:iterator value="#request.list" id="tz">
<div class="c5">   
    <div class="c6"> 
        <ul style="padding-left:10px;">
            <li ><s:property value="#tz.username"/></li>
        </ul>
        <br />
        <ul style="padding-left:10px;">
            <li ><li ><s:property value="#tz.type"/></li></li>
        </ul>
        </div>
    <div class="c7">
        <ul>
            <li ><div><s:property value="#tz.title"/></div></li>
        </ul>
        <br />
        <ul>
            <li ><div><s:property value="#tz.content"/></div></li>
        </ul>
        <br />
        <ul>
            <li ><img src="images/<s:property value="#tz.photo"/>" style=" width:100px; height:80px;" /></li>
        </ul>
    </div>
    <div class="c8">
        <ul>
           
        </ul>
    </div>
</div>
</s:iterator>

Answer 1

写一个js替换所有的

关键字===><b class="高亮">关键字</b>