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

因为您在引号内使用了引号，所以字符串是break并且您会收到语法错误。

要解决此问题，您可以使用\前面的引号来转义引号。

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

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

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

Answer 2

你可以这样做

$(".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>

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

3 个答案: