jQuery将数据附加到li'；s级
我正在寻找一种方法，将jQuery将数据附加到li'；s级,jquery,html,click,html-lists,Jquery,Html,Click,Html Lists,我正在寻找一种方法，将$.post（）的数据响应附加到调用它的li的高度 我知道已经完成了，但是我找不到任何关于它的资料。有什么想法吗 计划 清单项目1 清单项目2 列出项目3，单击此处： * sublist item1 * sublist item2 * sublist item3 清单项目4 更新 我仅有的代码是正在工作的$.post（），我执行控制台.
$.post（）li- 清单项目1
- 清单项目2
- 列出项目3，单击此处：
* sublist item1 * sublist item2 * sublist item3 - 清单项目4
$.post（）控制台.log（数据）好的，我想实现这样的目标：通过
$.post（） $('yourliclass').click(function(){
//do ajax
$.ajax({
.......
.......
success:function(data){ //data needs to be in json format
var htmlcontent = "";
htmlcontent = '<ul>';
for(var i=0;i<data.length;i++){
htmlcontent += '<li>'+data[i]['your_index']+'</li>';
}
htmlcontent += '</ul>';
}
$(this).appendTo(htmlcontent);
});
$（'yourliclass'）。单击（函数（）{
//做ajax
$.ajax({
.......
.......
成功：函数（数据）{//数据需要为json格式
var htmlcontent=“”；
htmlcontent=''；
对于（var i=0；i试试这个
var data;
$(document).ready(function()
{
$(".list li").click(function()
{
$.post("filename.php",function(res)
{
data="<li>"+res+"</li>";
});
$(this).after(data);
});
});
<body>
<ul class="list">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
</body>
var数据；
$（文档）.ready（函数（）
{
$（“.list li”）。单击（函数（）
{
$.post（“filename.php”，函数（res）
{
data=“”+res+” ”；
});
$（此）。在（数据）之后；
});
});
- 项目1
- 项目2
- 项目3
- 项目4
$（'li.clickable'）。在（'click'，function（）上{
变量列表=$（此）；
$.ajax({
url:“url\u到\u脚本”，
方法：“post”，
成功：功能（res）{
var response=$（res）；//假设您的响应包含li标记，即“子项1 ”等
追加（响应）；//将响应追加到单击的列表
/*>>或者更清楚地了解一些相关的代码你是说你想在从ajax检索到li时追加数据吗？你所说的“将$.post（）的数据响应追加到调用它的li的高度”是什么意思如果我对你的问题理解正确，你想在
中附加一个
或一块html
？即使你更新了描述，问题仍然不清楚。请帮助我们，这样我们可以帮助你。这只是附加响应，我正在寻找这样的效果：我要试试这个，这看起来像clos这是我想要达到的目标
$('li.clickable').on('click', function() {
var list = $(this);
$.ajax({
url: 'url_to_script',
method: 'post',
success: function(res) {
var response = $(res); // assume that you response contains li tags i.e '<li>subitem 1</li>' and more
list.append(response); // append response to list that clicked
/* >> OR << */
// if you response contains data as array/field
$.each(res, function(index, data) {
list.append('<li>'+ data['some_text'] +'</li>'); // some_text is assumed property, you have something else
});
// ACCORDING TO YOUR COMMENT
var sublist = '<ul>';
$.each(res, function(index, data) {
sublist += '<li>'+ data['some_text'] +'</li>'; // some_text is assumed property, you have something else
});
sublist += '</ul>'; // now sublist is like <ul><li>...</li>....</ul>
list.append(sublist); // append the sublist to ul.clickable
}
});
});