jQuery對象根本不需要預先設置

Question

當有人點擊添加圖像時，我想插入一個對象（$roleOption）。 else條件工作正常，並且完全如我所願。

但是，第一個條件（「如果沒有選項，直接在圖像之前插入」）根本不起作用。沒有錯誤被觸發，它只是不會預先考慮對象。

我是否正確使用了前置方法？

<script language="javascript" type="text/javascript"> 
    $(document).ready(function() { 
     var $roleOption = "<div class='roleoption'><img src='@Url.Content("~/Public/images/delete.png")' alt='delete' />@Html.Raw(@DSS.WebUI.Helpers.CustomHelpers.SelectListItemsForRoleJavascript(Model.ExistingRoles, 1))</div>"; 

     $('img.add-role').click(function() { 
      if ($(this).siblings('.roleoption').length == 0) { 

       //Displaying zero as expected. So it's entering this conditional. 
       console.log($(this).siblings('.roleoption').length); 
       $(this).prepend($roleOption); //However the element isn't being prepended. :/ 
      } 
      else { 
       $($roleOption).insertAfter($(this).parent().find('.roleoption:last')); //This works as expected. 
      } 
     }); 
    }); 
</script> 

Answer 1

您不能插入內容爲<img>標籤（這是什麼prepend()試圖做的）。代替使用before()。