Question

我正在为我的网站开发通知下拉列表。为此，我尝试在下拉列表顶部附加<li>标签。但目前它附加在<ul>的底部。

我尝试添加新的ul标签，但我认为这不是好习惯。

html

<ul class="dropdown notifications no-hover closed notilist">
 @foreach(Auth::user()->notifications->take(4) as $notification)
    @if(!empty($notification['data']['sender_name']))
<li class='dropdown-item'><b>{{$notification['data']['sender_name']}}</b> Bid on your Auction <b>{{$notification['data']['product_title']}}</b> of <b>{{$notification['data']['bid']}}$</b>
</li>
   @endif
  @endforeach
</ul>

jquery

Echo.private('App.User.'+userId)
 .notification((notification) => {
$('.notilist').append("<li class='dropdown-item'><b> "+notification.sender_name+"</b> Bid on your Auction  <b>"+notification.product_title+"</b>  of <b>"+notification.bid+"</b>$</li>")

 });

我想在顶部附加新的<li>标签。

Answer 1

我想您可以看一下jQuery方法$('.notilist').prepend("<li class='dropdown-item'>text should be here</li>");。这是链接Prepend

AddProfile

如何借助laravel中的jquery在<ul>顶部的顶部附加<li>标签？

1 个答案: