PHP 添加 JavaScript 元素动态问题

Question

由于 ' 和 " 问题，我在 PHP 文件中动态添加 JavaScript/Jquery 元素时遇到一点问题。

所以，我回显 HTML 代码使用：

<?php
     $entryId = $_GET['entryId'];
     echo '
     <!doctype html>
     <html lang="en">
     <head>

动态添加元素时，我使用了以下内容：

$.ajax({
        url: "getDriverDVLAChecks.php",
        data: {ni: ni},
        dataType : "text",
        success: function(data)
        {
         var arr = data.split("##");
         for (var i = 0; i < arr.length - 1; i++) 
         {
          var tmp = arr[i].split("#-");
          var tile = "<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"><div class="font-icon-detail"><a href="tmp[1]" target="_blank"><img src="pdf.png" style="width: 100px; height: 100px;" /></a><a href="tmp[1]" target="_blank" class="software">tmp[0]</a></div></div>"; 
          $("#dvlaCheckRow").append(tile);
         }
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
          console.log(errorThrown);
        }
});

我遇到了以下行的问题：

var tile = "<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"><div class="font-icon-detail"><a href="tmp[1]" target="_blank"><img src="pdf.png" style="width: 100px; height: 100px;" /></a><a href="tmp[1]" target="_blank" class="software">tmp[0]</a></div></div>";

如您所见，我使用引号来表示字符串，但是当我向元素声明类和 id 时，它似乎认为我正在关闭字符串（很明显） .

执行此操作的最佳方法是什么？我不能使用 ' 而不是 " 因为 PHP 文件会将其识别为 PHP 代码。

我尝试了以下但没有成功：

var tile = String(<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"><div class="font-icon-detail"><a href="tmp[1]" target="_blank"><img src="pdf.png" style="width: 100px; height: 100px;" /></a><a href="tmp[1]" target="_blank" class="software">tmp[0]</a></div></div>);

错误PHPreturns：未捕获的语法错误：意外的标识符

谢谢！

Answer 1

您需要 'escape' 双引号加反斜杠，所以：

var tile = "<div class=\"font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6\">...

Answer 2

您不能使用嵌套引号...

请参考how to work with strings

您可以使用以下任何一种..

var tile = "<div class=\"font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6\"><div class=\"font-icon-detail\"><a href=\"tmp[1]\" target=\"_blank\"><img src=\"pdf.png\" style=\"width: 100px; height: 100px;\" /></a><a href=\"tmp[1]\" target=\"_blank\" class=\"software\">tmp[0]</a></div></div>";

或

var tile = '<div class="font-icon-list col-lg-2 col-md-3 col-sm-4 col-xs-6 col-xs-6"><div class="font-icon-detail"><a href="tmp[1]" target="_blank"><img src="pdf.png" style="width: 100px; height: 100px;" /></a><a href="tmp[1]" target="_blank" class="software">tmp[0]</a></div></div>';

PHP 添加 JavaScript 元素动态问题

PHP adding JavaScript elements dynamically issue

javascript

php

jquery

element