0

我想将 html 的一部分分配给名为 javascript 的变量content，下面是我要分配的 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>

当单击按钮时，我想prepend使用 jquery 进行此部分。在 html 的此部分中，我们同时拥有'和"标记，我不能将它用作带有jquery 变量'或"jquery 变量的简单字符串。我该怎么做？

4

2 回答 2

0

要么你可以逃避引号

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 模板系统，它运行良好

于 2013-09-02T15:19:37.340 回答
0

您可以将字符 HTML 编码'为&#39;和或，让您在 HTML 属性中使用引号。"&quot;&#34;

于 2013-09-02T15:29:35.333 回答