jQuery子供のHTMLコンテンツを取得する

Question

なぜこれを動作させることができないのか分かりません。今すぐいくつかの順列を試してみてください。

私はJSFIDDLE hereを構築しました。

ターゲット要素の内部HTMLを返すjQueryを取得できません。それは階層内の子要素の数のためですか？

の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は次のとおりです。

あなたのjqueryのセレクタを反映していない

<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> 

：

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

は、あなたがあまりにも多くのdivを閉じたようだので、あなたの.project名divが＃のmob-ではありませんid div。

$(elem).html()は、divのすべてのコンテンツを取得します（<i></i>部分を含む）。テキストのみが必要な場合は、$(elem).text()に行くことができます。