我正在使用 php ajax,我必须附加一些长 html,所以我使用 html 函数来完成这项工作,它之前对我有用。但是这次当我尝试使用 html 函数附加项目时,它清除了所有 li在 ul 内部,然后追加数据,如果我尝试再次追加数据,它不会再次追加 li 。我无法弄清楚主要问题是什么,但我在代码中使用了之前相同的方式,但这次它清除了所有 li 和然后追加。这是我的代码。
//UL where i have to append data
<ul class="review-list">
</ul>
这是我的 php ajax 响应
echo "<li>
<div class='product-comment'>
<img src='assets\images\icons\author.png alt=''>
<div class='product-comment-content'>
<p class='meta'>
<strong>$review_user_name</strong> - <span>$date</span>
<div class='description'>
<p>$review_comment</p>
</div>
</div>
</div></li>";
这是我来自 ajax 响应的 jquery 代码
success:function(response){
if(response == 2){
window.location.href = 'loginregister.php';
}else{
$('.review-list').html(response);}}
最佳答案
您可以简单地使用 jQuery append()功能。
通过使用append()
,您现有的li
将保留,所有其他数据将在之后附加
将您的 else
更改为此,它将正常工作。
$('.review-list').append(response)
关于php - 将数据追加到现有元素数据而不清除 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63087356/