javascript - 在跨度中显示选择文本

Question

假设我有这段代码:

<span id="select_list">
    <ul>
        <li><a id="1">1</a></li>
        <li><a id="2">2</a></li>
        <li><a id="3">3</a></li>
    </ul>
</span>
<span id="selection"></span>

我们还假设有很多列表元素，例如。 “4、5、6、7...等等”。 我能否获得一个 html 文件(基本上只是文本)，与列表元素的 ID(例如 1.html、2.html...等)相对应，以显示在“选择”中？ 如果是这样怎么办？ 谢谢你的时间。希望我解释得很好。

Answer 1

像这样的东西(jQuery)应该可以工作:

var list = $("#select_list");
var sel = $("#selection");

$("a", list).on("click", function(){
    var id = $(this).attr("id");
    sel.load(id+".html");
});