jquery 在嵌套的 div 个容器中找到 div

Question

我正在尝试获取嵌套在另一个 div 容器中的 div 容器的文本或 html。 jquery 代码 returns 未定义。 JSFiddle

HTML

<div class="todo-task ui-draggable-handle ui-sortable-handle" id="29,Action" style="position: relative;">
  <div class="task-header">
     <div class="task-no">29</div>
     <div class="task-type">Action</div>
  </div>
  <div class="task-body">
     <div class="task-title">Review the detailed project management plan</div>
  </div>
  <div class="task-footer">
     <div class="task-date"><i class="material-icons" style="font-size:12px">access_time</i>&nbsp;Jun 20</div>
     <div class="task-Username">GV</div>
  </div>

这是我正在尝试的 jquery 代码

var html = $('#29,Action').children().find('.task-body').html();
console.log(html);

感谢任何帮助。

Answer 1

问题出在您的 ID 名称上。不能以数字开头，也不能使用逗号。参见 the rules here。使用 id='Action-27' ，然后：

 var html = $('#Action-27').find('.task-body').html();

工作fiddle

jquery 在嵌套的 div 个容器中找到 div

jquery find div within nested div containers

jquery

children

find