如何将2个div的html内容与JQuery进行比较？

在使用jQuery比较两个div的HTML内容时，可以使用jQuery的.html()方法来获取div的HTML内容，并使用JavaScript的比较运算符（如==、===）来比较两个HTML内容是否相等。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
  <div id="div1">
    <p>This is div 1.</p>
  </div>
  <div id="div2">
    <p>This is div 2.</p>
  </div>

  <script>
    $(document).ready(function() {
      var html1 = $('#div1').html();
      var html2 = $('#div2').html();

      if (html1 === html2) {
        console.log("The HTML contents of div1 and div2 are the same.");
      } else {
        console.log("The HTML contents of div1 and div2 are different.");
      }
    });
  </script>
</body>
</html>

在上述代码中，我们使用了jQuery的$(document).ready()方法来确保页面加载完成后再执行比较操作。首先，通过$('#div1').html()和$('#div2').html()分别获取了div1和div2的HTML内容，并将其存储在变量html1和html2中。然后，使用比较运算符===来比较这两个HTML内容是否相等。最后，根据比较结果输出相应的信息。

这种方法适用于比较简单的HTML内容。如果HTML内容较为复杂，可能需要进行更详细的比较，例如使用正则表达式或解析HTML结构进行逐个元素的比较。

腾讯云相关产品和产品介绍链接地址：

请注意，以上链接仅供参考，具体产品选择应根据实际需求进行评估和决策。

如何将2个div的html内容与JQuery进行比较？

、

我正在比较2个不同的div和工程完美的html，但如果内容很长，那么就不能工作。if ($('#Div1').html().trim() == $('#Div2').html().trim()) { }

浏览 14提问于2021-11-01得票数 0

回答已采纳

1回答

加载/包含内容的最佳方式？(jQuery的load()与PHP的include())

、、、

将html页面的内容加载到另一个网页的最佳方法是什么？假设我有一个头版(index.php)，我可以在PHP和javascript之间进行选择，我不需要关心兼容、移动用户等等。在过去，我在php中使用include()/include_once()函数来执行类似的操作，将我的内容(我已经放入content.html中)的内容加载到content.html上的div容器中：

浏览 0提问于2013-12-19得票数 2

回答已采纳

3回答

将div id与字符串进行比较

、

如何将div的id与jquery中的字符串进行比较，并在满足条件的情况下仅使用$newcontent中的新html重新加载div，但目前它不会使用新内容更新div，除非我手动重新加载页面。page3_id").style.display = "none"; _(mydiv).style.

浏览 0提问于2018-05-16得票数 1

1回答

AngularJ比较ng-if中的字符串不起作用

、

我尝试在ng-if中比较字符串值，但它不能正常工作。例如，我将这个作用域值与一个字符串进行比较：html看起来像这样：<div ng-if=&qu

浏览 0提问于2016-04-19得票数 1

1回答

用Jquery检查Div上的内容更改

、

是否有任何方法来确定div选项卡的内容是否在jsp.中使用jQuery进行更改？$.post("/core-web/ccepar/dele",jQuery.param({currentPageNumber: tempcurrentPage,chapterTitle:postmytesId}) ,function(data)}

浏览 3提问于2012-03-30得票数 1

回答已采纳

2回答

带javascript的日期时间

、

我让这个项目在我的网站上直播，用户可以在其中投票。现在投票将于本月31日午夜结束。我不想删除我的任何安全代码，并添加一些代码来比较当前日期和上面提到的日期。我目前使用Jquery进行投票，因此我可以隐藏div内容，并显示另一个div内容，用于投票关闭消息。 OUTPUT is: Tue Aug 27 2013 17:08:4

浏览 0提问于2013-08-27得票数 0

回答已采纳

3回答

使用Jquery循环遍历tr，并将内容与下一行序列进行比较

、、

我对jQuery/javascript有些陌生，我想将表体中的row[i]内容与row[i+1]进行比较。这是我可以用jQuery做的事情吗?或者我应该只使用普通的老式JS和getElementByid，然后以这种方式循环？使用.each似乎无法轻松访问该系列中的下一个元素。我假设如果/当我找到解决方案时，我需要弄清楚如何将row[i].td[j]与row[i

浏览 0提问于2009-12-05得票数 0

回答已采纳

5回答

如何将html实体与jQuery进行比较

、、

我有以下html代码： var arrow = $("#"+id+" span").html(); // I have

浏览 0提问于2008-08-27得票数 11

回答已采纳

1回答

jQuery/JavaScript:比较两个元素及其属性

、、

和解释了如何比较两个jQuery元素/对象的内容？<div id="A" width="200" height="200" style="stuff"></div><div id="B" width=&quo

浏览 0提问于2019-02-06得票数 0

回答已采纳

3回答

在jQuery中eq("+index+")和eq(索引)有什么区别？

在使用eq()函数的示例中，它被用作eq("+index+")谢谢!

浏览 2提问于2011-09-27得票数 2

回答已采纳

1回答

用JQuery比较动态创建元素的数据属性

、、、

我正在制作一个游戏，在您单击图像之后，它将对数组进行洗牌并重新填充DOM。这样做的想法是，即使数组中的图像被洗牌，也不能单击同一图像两次。<!id="test"></div> <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gs

浏览 2提问于2017-12-13得票数 0

回答已采纳

2回答

通过比较数组来查找DOM中的单词

、、

我需要比较数组中的voice属性，但是我不知道该怎么做，我使用了forEach，$.inArray，但是没有成功。<div voice="play">Play</div> <

浏览 2提问于2017-11-28得票数 2

3回答

使用jQuery比较DOM元素

、、

我的任务很简单。我只想比较两个DOM元素，比如：Are you a : Client <input id="client" name="cli_employ" type="radio" />Employer <input id="employ" name="cli_employ" type="radio" /> 我和jQuery的

浏览 8提问于2015-05-06得票数 0

回答已采纳

1回答