Javascript / Jquery +在內部html內容中替換單引號和雙引號

Question

假設我有一個DIV，如下所示。

<div id="mydiv">
    <p class="abc">some text here</p>
    <p class="xyz"><img src="img.jpg" title="my img"/> some "double quoted text" here</p>
</div>

我閱讀了div的內部html。

var originalcontent = $("mydiv").html();

現在，我只需要替換文本的雙引號，而不是標簽屬性。 所以我的輸出應該如下。

var myoutput = '<p class="abc">some text here</p><p class="xyz"><img src="img.jpg" title="my img"/> some &quot;double quoted text&quot; here</p>'

請給我一個解決方案。 謝謝！

Answer 1

嘗試這個：

function replace_text(node){ 
  node = node || document.getElementById('mydiv'); // Change 'mydiv' if you need 

  var children = node.childNodes;
  var i = 0;

  while(node = children[i]){ // While-loop

    if (node.nodeType == 3){ // Some text, replace
        if (node.textContent) { // Not IE (IE's equivalent to textContent is nodeValue)
            node.textContent = node.textContent.replace(/"/g, '"');
        }
        else { // IE
            node.nodeValue = node.nodeValue.replace(/"/g, '"');
        }
    } else { // not text, take step further
      replace_text(node); 
    } 
    i++; 
  } 

} // While-loop


// Don't forget to call function
replace_text();

Answer 2

使用jQuery，您可以執行以下操作：

    String.prototype.replaceAll = function(stringToFind,stringToReplace){
    var temp = this;
    var index = temp.indexOf(stringToFind);
        while(index != -1){
            temp = temp.replace(stringToFind,stringToReplace);
            index = temp.indexOf(stringToFind);
        }
        return temp;
   };
    $(function(){                     

            $("#mydiv").children().each(function(){
                 var text=$(this).text(); 
                 text=text.replaceAll("\"","""); 
                 //alert(text);
                 $(this).text(text); 
             });
    });