Question

我想将html的一部分分配给名为content的javascript变量，下面是我要分配的html：

<div class="post">
    <div>
        <div class="left-up-image" ><img src="{% static 'social/images/pin.png' %}"></div>
        <div class="right-up-image" ><img src="{% static 'social/images/pin.png' %}"></div>
    </div>
    <div class="mainPost">
        <p >stuff</p>
    </div>
    <div>
        <div class="left-down-image" ><img src="{% static 'social/images/pin.png' %}"></div>
        <div class="right-down-image" style=""><img src="{% static 'social/images/pin.png' %}"></div>
    </div>
    <div class="friendPostExtra">
        <div class="likePost">
            <img class="likeButton" src="{% static 'social/images/like.png' %}">
            <p>12</p>
        </div>
        <div class="dislikePost">
            <img class="dislikeButton" src="{% static 'social/images/dislike.png' %}">
            <p>12</p>
        </div>
        <div class="commentPostButton">
            <p>Comment</p>
        </div>
        <div class="sharePostButton">
            <p>Share</p>
        </div>
    </div>
</div>

我想在点击按钮时使用jquery prepend此部分。在html的这一部分，我们有'和"标记，我无法使用它作为jquery variable的'或"的简单字符串。我可以这样做吗？

Answer 1

你可以逃避引号

var content = "<a href=\"http://..\" alt='something'>link</a>";

或者你可以使用这种方法（我不知道它叫什么）

<script id="testId">
  <a href="http://.." alt='something'>link</a>
</script>

var content = $('script#testId').html();

我很确定第二个是某种糟糕的编码练习，但是我将它用于javascript模板系统并且效果很好

Answer 2

您可以将字符' HTML编码为'，将" HTML编码为"或"，以便在HTML属性中使用引号。

如何指定具有'（单引号）和“（双引号）的html代码的某些部分

2 个答案: