如何分配具有'（單引號）和“（雙引號）的html代碼的某些部分

Question

我想將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變量中。我該怎么做？

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屬性中使用引號。