为什么jquery不能在我的js fiddle上工作

Question

这是一个

非常简单的问题，我从来没有让jquery选择器在jsfiddle上工作，我仍然不知道为什么。我不认为我的代码有什么问题，但它没有在我的火虫控制台中输出它应该输出的内容。甚至不是一个简单的 id 选择器。

这是我的杰斯菲德尔

<p id = "hi"> inner </p>
var h = $('#hi');
console.log(h);
output is [p#hi]

我的主要目标是让这个数组输出：

var allDates = $("[data-test='date']"); 
allDates.each(function(item,index){ //each is javascript function
 item[index] = new Date($(this).text());

Answer 1

您的选择器错误。您正在请求var h = $('#id');，但您正在寻找var h = $('#hi');

仅供参考，表标记内的<p>标记是无效的 HTML。这应该在 th 或 td 内，或者大于表标记。

Answer 2

在 html 中，将 P 标记放在表格行的单元格中：

<table style="width:100%">
    <tr>
        <td>
    <p id ='hi'>inner</p>
        </td>
        </tr>
  <tr data-test="date">
      12/09/14
    </tr>
    <tr data-test="date">
        12/10/14
    </tr>
        <tr data-test="date">
        12/11/14
    </tr>
        <tr data-test="date">
        12/12/14
    </tr>
</table>

然后在您的 javascript 中按 corect 标识符选择 - 在您的情况下$('#hi')：

var allDates = $("[data-test='date']");        
var h = $('#hi');
allDates.each(function(item,index)
{ 
     item[index] = new Date($(this).text());     
});    
console.log(allDates);
console.log(h);