单引号分解JavaScript字符串

Question

当我在文本框中放入单引号时，它不会显示在动态添加的文本框中。请参阅以下示例：

$("#abc").before("<div><input type='text' value='" + $scope.txt + "'/></div>");

http://jsfiddle.net/U3pVM/15777/

Answer 1

前段时间我遇到过类似问题，并找到了这个答案https://stackoverflow.com/a/9756789/2619170

请参阅quoteattr函数，这就是您所需要的：http://jsfiddle.net/U3pVM/15780/

function quoteattr(s, preserveCR) {
    preserveCR = preserveCR ? '
' : '\n';
    return ('' + s) /* Forces the conversion to string. */
        .replace(/&/g, '&') /* This MUST be the 1st replacement. */
        .replace(/'/g, ''') /* The 4 other predefined entities, required. */
        .replace(/"/g, '"')
        .replace(/</g, '&lt;')
        .replace(/>/g, '&gt;')
        /*
        You may add other replacements here for HTML only 
        (but it's not necessary).
        Or for XML, only if the named entities are defined in its DTD.
        */ 
        .replace(/\r\n/g, preserveCR) /* Must be before the next replacement. */
        .replace(/[\r\n]/g, preserveCR);
        ;
}

Answer 2

试试这个，我假设你想要＆＃34;带引号的文字＆＃34;作为无需引号添加和显示的输入。

 function TodoCtrl($scope) {
  $scope.txt = "";
    $scope.addBefore = function() {
        $("#abc").before("<div><input type=\"text\" value=" + $scope.txt + "></div>");
    };
}

Answer 3

尝试将_'_替换为<code>&ampapos;<code>，或_"_替换<code>&ampquot;<code>

JSFiddle

    function TodoCtrl($scope) {
     $scope.txt = "";
     $scope.addBefore = function() {
        $("#abc").before("<div><input type='text' value='" + $scope.txt.replace("'","&apos;") + "'/></div>");
    };
}

Answer 4

function TodoCtrl($scope) {
  $scope.txt = "";
    $scope.addBefore = function() {
        $("#abc").before('<div><input type="text" value="' + $scope.txt + '"></div>');
    };
}

只需从双变为单

http://jsfiddle.net/U3pVM/15784/

Answer 5

我通过用等效的HTML代码替换单引号或双引号来完成此操作。