javascript-jQuery比较来自不同元素的两个String

我想将选择选项与文本内容进行比较.可以实现.尽管字符串相同,但比较时它们不匹配.

<div id="daterange">
          <p>27 Nov 2016_26 Dec 2016</p>
</div>

和选择选项如下：

<select id="daterangeSelect" onchange="showHideForms(this);"><option value="27 Nov 2016_26 Dec 2016" selected>nov-dec</option></select>

在jQuery中,我正在比较：

$("#daterangeSelect").val() and $("#daterange").text()

尽管它们在控制台输出中看起来相同,但如果条件不匹配
可以对可能出什么问题发表评论.

解决方法:

尝试不比较$(“#daterange”).text(),因为它还会返回p标记作为文本.因此将其更改为$(“#daterange p”).text()

console.log($("#daterangeSelect").val());
console.log($("#daterange p").text());

console.log($("#daterangeSelect").val() === $("#daterange p").text());

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="daterange">
          <p>27 Nov 2016_26 Dec 2016</p>
</div>


<select id="daterangeSelect" onchange="showHideForms(this);"><option value="27 Nov 2016_26 Dec 2016" selected>nov-dec</option></select>