Question

我有以下代码

<div id="gridRow"></div>
   <div class="gridC-R45"><div><span>COLA</span></div></div>
   <div class="gridC-R45"><div><span>COLB</span></div></div>
   <div class="gridC-R45"><div><span>COLC</span></div></div>
   <div class="gridC-R45"><div><span>COLD</span></div></div>
</div>

这是CSS3表的标题部分。我正在实现显示鼠标悬停功能（ROW_TITLE，COL_TITLE）。

我需要，在这里，只需检查我用来获取的代码片段， columnID = 2 ， title = COLB

var columnID = 2;
$colNameDiv = $("#gridRow div:nth-child(" + columnID + ") div span");
console.log($colNameDiv.text());

错误在哪里？

的Riccardo

Answer 1

打开</div> div后，您立即关闭#gridRow代码，这意味着.gridX元素不是该div的子代。如果删除额外的结束标记，它可以正常工作：

<div id="gridRow">
   <div class="gridC-R45"><div><span>COLA</span></div></div>
   <div class="gridC-R45"><div><span>COLB</span></div></div>
   <div class="gridC-R45"><div><span>COLC</span></div></div>
   <div class="gridC-R45"><div><span>COLD</span></div></div>
</div>

Example fiddle

假设您还没有建议使用带语法高亮的文本编辑器。这使得99.9％的人不可能犯这样的错误。

使用JQuery选择子项

1 个答案: