jQuery获取子DIV的HTML内容

jQuery get HTML contents of child DIV

本文关键字：HTML 内容 DIV 获取 jQuery      更新时间：2023-09-26

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

我在这里建立了一个JSFIDDLE。

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

jQuery:

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

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

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

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

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

首先，你在这里的帖子和你的jsfiddle并不反映相同。。。

Js报价：

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名称div不在#mobid-div中。

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

相关文章：