如何比较两个div相同的数字

时间:2019-04-28 13:45:30

标签: javascript jquery

我需要比较两个div的相同数字然后做点什么

我正在使用.is函数

jQuery(function ($) { 

  if ( $("#result").is(".count-entries") ) {
    alert("true");
  } 

});


<div class="count-entries">2</div>
<div id="result">2</div>

div中的数字相同时,警报不会触发

3 个答案:

答案 0 :(得分:1)

如果要检查2个div是否具有相同的内容,可以使用text()获取div的文本,使用trim()删除多余的空格。

注意: .count-entries是一个类,此类可能包含多个元素。在这种情况下,您可能需要指定id

if ($("#result").text().trim() === $(".count-entries").text().trim()) {
  console.log("Content is the same");
} else {
  console.log("Content is not the same");
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="count-entries">2</div>
<div id="result">2</div>

答案 1 :(得分:0)

您正在考虑检查div的.text(),以查看它们是否匹配。

if ($("#result").text() == $("count-entries").text()) {
    alert("true");
};

检查实际内容不是检查值的好方法,因为任何获取该信息的函数都会将内容作为字符串返回,并且如果两个空格中仅包含空格字符,则不会等于,并且不会得出正确的结果。

提供有关您的用例的更多信息,我们将能够提供更好的指导。

答案 2 :(得分:0)

    $(function () { 

     var entries=$(".count-entries").val(); /*To get the value*/
     var result=$("#result").val();

      if ( entries==result ) {
        alert("true");
      } 
    });

     <div class="count-entries">2</div>
     <div id="result">2</div>

:D