使用jQuery从显示页面上的PHP输出获取信息

Question

好吧，基本上我有一个php页面，我们将其称为form.php。 该页面包含一个带有日期选择器，时间选择器和文本框的表单（输入类型=“ date”输入类型=“ time”输入类型=“ textarea”）。 当用户提交表单时，信息将发送到mysql数据库，并在下一页“ display.php”上输出。

所有这些工作都很好。 display.php页面是由form.php中的代码构成的。 <h1>This is the header</h1> <h2 class="date">$date</h2> <h3 class="time">$time</h3> <p class="message">$message</p>

display.php中的输出是

---

这是标题
2012-04-23
00:59
我的留言
一个按钮（仅用于检查当前的工作）

---

我正在尝试像这样使用jQuery

$(document).ready(function(){ 
$('button').mousedown(function(){ 

if ($('h3').text() == "00:59") {
alert("Yup"); return true;}
 else { alert("Nope");return false;};
});
 });

这将无法匹配时间，日期或消息。 如果我运行完全相同的代码，但是搜索未使用变量创建的h1，则可以正常工作。

 $(document).ready(function(){ 
$('button').mousedown(function(){ 

if ($('h1').text() == "This is a header") {
alert("Yup"); return true;}
 else { alert("Nope");return false;};
});
 });

我不知道我在这里想念的是什么。

我什至可以将h1更改为00:59，运行jquery搜索h1 ==“ 00:59”，它将返回true并通过警报。

这是我追求从php变量（$ time，$ date，$ message）创建的h2，h3和p元素的时候

任何帮助将非常感激。

Answer 1

尝试正确关闭<p>元素：

<h1>This is the header</h1>
<h2 class="date">$date</h2>
<h3 class="time">$time</h3>
<p class="message">$message</p>

Answer 2

您是否检查过创建的h3不包含任何编码或隐藏字符？ 这可能会导致检查失败，因为您检查的是所看到的文本，而不是标签中的实际文本。 不要以为您使用的任何字符通常都经过编码，但是值得一看。

在jsfiddle中运行代码，因为它实际上包含正确的文本，可以正常工作。 因此，您要检查的内容和标记中的实际内容之间一定存在某种不匹配的情况。

经过代码测试

的HTML

 <h1>This is the header</h1> <h2 class="date">2012-04-23</h2> <h3 class="time">00:59</h3> <p class="message">My message</p> <button>Test</button> 

Java脚本

$(document).ready(function(){ 
$('button').mousedown(function(){ 

if ($('h3').text() == "00:59") {
alert("Yup"); return true;}
 else { alert("Nope");return false;};
});
 });