jQuery获取子DIV的HTML内容

Question

不知道为什么我不能让它工作。 现在尝试了一些排列。

我在这里建立了一个JSFIDDLE 。

我无法让这个 jQuery 返回目标元素的内部 HTML。 是因为层次结构中的子元素数量多吗？

jQuery：

modalContentLeft  = 'Project: ' + $('#mob-' + uuid + ' div.project-name').html();

我也尝试使用.find()没有成功。 谢谢你的帮助。

Answer 1

我发现了你的错：你在到达名称之前关闭了 id 的 div 标签。 您在<div class="mobile-item-row clearfix">之前关闭它，因此选择器在其中找不到子项".project-name" ，因为没有。 如果您删除结束标记并在 HTML 末尾关闭它并稍微更改选择器的语法，则它可以工作。

Project: ' + $('#mob-'+uuid+' .project-name').html()

给你： https : //jsfiddle.net/ucupbtsf/5/

Answer 2

首先你在这里的帖子和你的 jsfiddle 反映的不一样......

JsFiddle ：

modalContentLeft = 'Project: ' + $('#mob-' + uuid + ' div div  .project-name').html()...

这里 ：

modalContentLeft  = 'Project: ' + $('#mob-' + uuid + ' div.project-name').html();

然后，您的 html 是：

<div class="mobile-item-row-first first-row clearfix" id="mob-6c985947-c68a-4f5b-9ebe-0d488b696f0d">
  <div class="project-client pull-left">
    <i class="ion-ios-people ion-fw" data-original-title="" title=""></i>&nbsp; Sienna Cremin
  </div>
</div>

这不反映您的 jquery 选择器：

$('#mob-' + uuid + ' div div  .project-name').html()

似乎您关闭了太多 div，因此您的 .project-name div 不在 #mob-id div 中。

$(elem).html()将获得 div 的所有内容（包括<i></i>部分）。 如果你只想要文本，你可以去$(elem).text() 。