javascript - 如何从无序列表jquery中选择项目

Question

我有一个填充我的无序列表的函数。

$("#DBSearch").append('<ul id="List" data-role="listview">');


for(var i = 0; i < 10; i++)
{           
    $("#DBSearch").append("<li value=" + i + "><a href="+ "#" + ">" + obj.Search[i].Title + "</a></li>" );      
}

当我单击列表中的某个项目时，我希望我的文本框strSearch填充该项目。

Answer 1

当您单击li列表中的 dbsearch 时，它会将文本替换为strSearch

$("#List").on("click", "li", function() {
    $("#strSearch").val($(this).text());
});

如果要替换嵌套a链接的文本，请使用$("a", this).text(...).

另请注意，通常您不应在 html 中大写 ids/classes

更新：这是一个演示小提琴