在autosuggest中添加div

Question

我正在实现bsn autosuggest

谁能告诉我怎样才能在结果中添加一个div，结果会是这样的

<div style="left: 347px; top: 1024px; width: 400px;" class="autosuggest" id="as_testinput_xml">
    <div class="as_header">
        <div class="as_corner"></div>
        <div class="as_bar"></div>
    </div>
    <ul id="as_ul">
        <li>
            <a name="1" href="#">
            <span class="tl"> </span>
            <span class="tr"> </span>
            <span><em>W</em>aldron, Ashley<br><small>Leicestershire</small></span>
            </a>
        </li>
        <li>
            <a name="2" href="#">
            <span class="tl"> </span>
            <span class="tr"> </span>
            <span><em>W</em>heeler, Bysshe<br><small>Lincolnshire</small></span>
            </a>
        </li>
    </ul>
    <div class="as_footer">
        <div class="as_corner"></div>
        <div class="as_bar"></div>
    </div>
</div>

我需要在ul上面添加一个diva作为Category like

<div>Category</div>

我试过了

var tmp = _bsn.DOM.createElement("div", {className:"tmp"});

我还需要知道如何使用java脚本将值添加到div中。

Answer 1

这个自动补全系统自2007年以来就没有更新过。我认为对你来说，尝试一些更新的东西是明智的。你使用jQuery吗？这是我推荐的：http://docs.jquery.com/Plugins/autocomplete，它为你处理了所有的工作。

使用jQuery的一个好处是你可以利用谷歌的CDN：http://css-tricks.com/google-cdn-naming/

你的访问者很有可能不需要下载jQuery，因为它已经在其他网站上使用了。