Question

这是一个非常简单的问题，我从来没有让jquery选择器在jsfiddle上工作，我仍然不知道为什么。我不认为我的代码存在任何问题，但它没有输出我在firebug控制台中的内容。甚至不是一个简单的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中按照您的情况选择核心标识符 - $('#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);

为什么jquery不会在我的jsfiddle上工作？

2 个答案: