javascript - Jquery比较来自不同元素的两个字符串

Question

我想将选择选项与文本内容进行比较。能否实现。尽管字符串相同，但在比较时它们不匹配。

<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()

虽然它们在控制台输出中看起来相同，但它们在 if 条件下不匹配 有人可以评论什么可能是错的。

Answer 1

尝试不比较 $("#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>