使用jQuery在方法或其他方法之后添加html内容

Question

我想在使用jquery的某个div元素之后将html内容添加到我的页面。这将是几行代码。我正在玩下面的脚本。带有p元素的脚本起作用，而第二个脚本不起作用。为什么是这样，我如何使它与任何HTML内容一起工作？

<script> 
$(".myClass").after("<p>text</p>"); 
</script> 

<script> 
$(".myClass").after("<div><img src="http://example.com/image.png"></div>"); 
</script> 

Answer 1

你可以这样做

$(".myclass").after("<div><img src='http://example.com/image.png'></div>"); 

使用双引号只有一次，你可以使用单引号多次

Answer 2

因为您在报价单内使用了引号，所以字符串会中断并且您会收到语法错误。

要解决这个问题，您可以通过在\前面加上引号来避开引号。

$(".myClass").after("<div><img src=\"http://example.com/image.png\"></div>"); 
//         ^^       ^^ 

或者您可以在双引号内使用单引号，反之亦然。

$(".myClass").after('<div><img src="http://example.com/image.png"></div>'); 

Answer 3

Just replace your existing scripting code with this one: 
    <script> 
     $(document).ready(function(){ 
       $(".myClass").after("<p>text</p>"); 
       $(".myClass").after("<div><img src=\"http://example.com/image.png\"> 
     }); 
    </script>