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

'文字を&#39;および"にHTML エンコードして&quot;、&#34;HTML 属性内で引用符を使用できます。

于 2013-09-02T15:29:35.333 に答える
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();

2番目のものはある種の悪いコーディング慣行であると確信していますが、私はそれをjavascriptテンプレートシステムに使用しており、うまく機能します

于 2013-09-02T15:19:37.340 に答える