php - jQuery PHP WORDPRESSにHTML構造体を追加できません

Question

<script type="text/javascript">
jQuery(function($) {

    $("td").filter(function (){
        return $(this).text() == '<?php echo $eventDate ?>';
    }).css({ 'background-color': 'Green' });


    $("td").filter(function (){
        return $(this).text() == '<?php echo $eventDate ?>';
    }).append("
    <div id="myCard" class="flip-container" >
        <div class="flipper">
            <div class="front">
                <!-- front content -->
                salam
            </div>
            <div class="back">
                <!-- back content -->
                salam
            </div>
        </div>
    </div>");


});
</script>

Answer 1

二重引用符に問題があります。それらをエスケープするか、単一のものを使用して html をラップする必要があります。

$("td").filter(function (){
    return $(this).text() == '<?php echo $eventDate ?>';
}).append('
<div id="myCard" class="flip-container" >
    <div class="flipper">
        <div class="front">
            <!-- front content -->
            salam
        </div>
        <div class="back">
            <!-- back content -->
            salam
        </div>
    </div>
</div>');

また、JavaScript でそのような複数行を使用することはできません (上記の例は引用符を説明するためのものです)。

あなたがそれを使用しているように、私はjqueryでDOMを構築しますが、改行をエスケープすることもでき、結合された結果は次のようになります。

$("td").filter(function (){
    return $(this).text() == '<?php echo $eventDate ?>';
}).append('<div id="myCard" class="flip-container" > \
    <div class="flipper"> \
        <div class="front"> \
            <!-- front content --> \
            salam \
        </div> \
        <div class="back"> \
            <!-- back content --> \
            salam \
        </div> \
    </div> \
</div>');