Javascript 突出显示所有逗号'；使用jquery在页面中显示

我有一个非常简单的问题，我没有找到答案

我有一个使用ajax的页面，它在一个div中一次又一次地得到更新

现在，我想突出显示该div的所有逗号

，

。 例如，它们是红色的

如何使用这个ajax页面

我也想尝试一下这段代码，但我做不到

$(document":contains(',')").css("color","red");

我只需要每秒找到那个div中的所有逗号，并给它们一种风格

---

如何使用jquery实现这一点

您需要用HTML标记（如

）包装逗号

$（窗口）.load（函数（）{
$（'.target'）。每个（函数（）{
var string=$（this.html（）；
$（this.html（string.replace（/，/g，，'）；
});
});

以下是一个例子：

---

您需要用HTML标记（例如

）包装逗号

$（窗口）.load（函数（）{
$（'.target'）。每个（函数（）{
var string=$（this.html（）；
$（this.html（string.replace（/，/g，，'）；
});
});

以下是一个例子：

---

您需要用HTML标记（例如

）包装逗号

$（窗口）.load（函数（）{
$（'.target'）。每个（函数（）{
var string=$（this.html（）；
$（this.html（string.replace（/，/g，，'）；
});
});

以下是一个例子：

---

您需要用HTML标记（例如

）包装逗号

$（窗口）.load（函数（）{
$（'.target'）。每个（函数（）{
var string=$（this.html（）；
$（this.html（string.replace（/，/g，，'）；
});
});

以下是一个例子：

---

我不知道如何在jQuery中实现这一点，但在纯JavaScript中是这样的：

var el=document.getElementById（“内容”）；
el.innerHTML=el.innerHTML.replace（/，/g，“，”）；

---

演示：

我不知道如何在jQuery中实现，但在纯JavaScript中，它会是这样的：

var el=document.getElementById（“内容”）；
el.innerHTML=el.innerHTML.replace（/，/g，“，”）；

---

演示：

我不知道如何在jQuery中实现，但在纯JavaScript中，它会是这样的：

var el=document.getElementById（“内容”）；
el.innerHTML=el.innerHTML.replace（/，/g，“，”）；

---

演示：

我不知道如何在jQuery中实现，但在纯JavaScript中，它会是这样的：

var el=document.getElementById（“内容”）；
el.innerHTML=el.innerHTML.replace（/，/g，“，”）；

---

演示：无需执行循环。您只需选择要替换的容器并替换即可

$("p").html(
    $("p").html().replace(/,/g,"<span class='comma'>,</span>")
);

$（“p”）.html(
$（“p”）.html（）.replace（/，/g，，”）
);

---

无需执行循环。您只需选择要替换的容器并替换即可

$("p").html(
    $("p").html().replace(/,/g,"<span class='comma'>,</span>")
);

$（“p”）.html(
$（“p”）.html（）.replace（/，/g，，”）
);

---

无需执行循环。您只需选择要替换的容器并替换即可

$("p").html(
    $("p").html().replace(/,/g,"<span class='comma'>,</span>")
);

$（“p”）.html(
$（“p”）.html（）.replace（/，/g，，”）
);

---

无需执行循环。您只需选择要替换的容器并替换即可

$("p").html(
    $("p").html().replace(/,/g,"<span class='comma'>,</span>")
);

$（“p”）.html(
$（“p”）.html（）.replace（/，/g，，”）
);

---

我不知道jQuery，但它可以用纯javascript完成。但事实上这并不容易

这个答案不会导致DOM重新验证，也不会搞乱javascript事件

首先，您需要循环浏览页面内容，并将每个逗号（或每个字符）替换为

或其他节点，以便为其提供单独的CSS样式。让我们从获取textNodes开始：

HTMLElement.prototype.getTextNodes = function(recursive, uselist) {
  var list = this.childNodes;
  var nodes = uselist!=null?uselist:[];
  for(var i=0,l=list.length; i<l;i++) {
    if(list[i].nodeType==Node.TEXT_NODE) {
      nodes.push(list[i]);
    }
    else if(recursive==true&&list[i].nodeType==1&&list[i].tagName.toLowerCase()!="script"&&list[i].tagName.toLowerCase()!="style") {
      list[i].getTextNodes(true, nodes);
    }
  }
  //console.log(nodes);
  return nodes;
}

HTMLElement.prototype.getTextNodes=函数（递归，uselist）{
var list=this.childNodes；
var nodes=uselist！=null？uselist:[]；
对于（var i=0，l=list.length；i我不知道jQuery，但它可以用纯javascript完成，但实际上并不那么容易

此答案不会导致DOM重新验证，也不会干扰javascript事件！

首先，您需要循环浏览页面内容，并将每个逗号（或每个字符）替换为
或其他节点，以便为其提供单独的CSS样式。让我们从获取textNodes开始：

HTMLElement.prototype.getTextNodes = function(recursive, uselist) {
  var list = this.childNodes;
  var nodes = uselist!=null?uselist:[];
  for(var i=0,l=list.length; i<l;i++) {
    if(list[i].nodeType==Node.TEXT_NODE) {
      nodes.push(list[i]);
    }
    else if(recursive==true&&list[i].nodeType==1&&list[i].tagName.toLowerCase()!="script"&&list[i].tagName.toLowerCase()!="style") {
      list[i].getTextNodes(true, nodes);
    }
  }
  //console.log(nodes);
  return nodes;
}

HTMLElement.prototype.getTextNodes=函数（递归，uselist）{
var list=this.childNodes；
var nodes=uselist！=null？uselist:[]；
对于（var i=0，l=list.length；i我不知道jQuery，但它可以用纯javascript完成，但实际上并不那么容易

此答案不会导致DOM重新验证，也不会干扰javascript事件！

首先，您需要循环浏览页面内容，并将每个逗号（或每个字符）替换为
或其他节点，以便为其提供单独的CSS样式。让我们从获取textNodes开始：

HTMLElement.prototype.getTextNodes = function(recursive, uselist) {
  var list = this.childNodes;
  var nodes = uselist!=null?uselist:[];
  for(var i=0,l=list.length; i<l;i++) {
    if(list[i].nodeType==Node.TEXT_NODE) {
      nodes.push(list[i]);
    }
    else if(recursive==true&&list[i].nodeType==1&&list[i].tagName.toLowerCase()!="script"&&list[i].tagName.toLowerCase()!="style") {
      list[i].getTextNodes(true, nodes);
    }
  }
  //console.log(nodes);
  return nodes;
}

HTMLElement.prototype.getTextNodes=函数（递归，uselist）{
var list=this.childNodes；
var nodes=uselist！=null？uselist:[]；
对于（var i=0，l=list.length；i我不知道jQuery，但它可以用纯javascript完成，但实际上并不那么容易

此答案不会导致DOM重新验证，也不会干扰javascript事件！

首先，您需要循环浏览页面内容，并将每个逗号（或每个字符）替换为
或其他节点，以便为其提供单独的CSS样式。让我们从获取textNodes开始：

HTMLElement.prototype.getTextNodes = function(recursive, uselist) {
  var list = this.childNodes;
  var nodes = uselist!=null?uselist:[];
  for(var i=0,l=list.length; i<l;i++) {
    if(list[i].nodeType==Node.TEXT_NODE) {
      nodes.push(list[i]);
    }
    else if(recursive==true&&list[i].nodeType==1&&list[i].tagName.toLowerCase()!="script"&&list[i].tagName.toLowerCase()!="style") {
      list[i].getTextNodes(true, nodes);
    }
  }
  //console.log(nodes);
  return nodes;
}

HTMLElement.prototype.getTextNodes=函数（递归，uselist）{
var list=this.childNodes；
var nodes=uselist！=null？uselist:[]；
对于（var i=0，l=list.length；i）您不能在单个元素中设置单个字符的样式。如果您只想设置逗号的样式，则需要解析AJAX响应，并将逗号包装在您更改颜色的span元素中。我将在