從HTML塊中提取HTML

Question

我想使用下面的函數從下面顯示的HTML塊中提取（引號在返回值中，不確定是否重要）字符串「演示使用內容的基礎知識App Cloud Studio部分「。

我想我可以使用第一<div class="field-item odd">檢索所需的字符串作爲所示的代碼

var displayDescription = $(fullDescription).find("#field-item odd").html(); 

而行，這總是返回null。 （我可以使用Chrome開發人員工具查看fullDescription正確填充。）

任何幫助非常感謝。

CODE：

function onGetDataSuccess(data) { 
    for (var i = 0; i < data.length; i++) { 
    var thisItem = data[i]; 
    var isVideo = jQuery.contains(thisItem.link, "/training-videos/"); 
    if (isVideo){ 
     var fullDescription = thisItem.description; 
     var displayDescription = $(fullDescription).find("#field-item odd").html(); 
    } 
    } 
} 

HTML：

<p>testing</p> 
<div class="field field-type-text field-field-video-short-desc"> 
     <div class="field-label">Short Description:&nbsp;</div> 
    <div class="field-items"> 
     <div class="field-item odd"> 
       Demonstrates the basics of using the Content section of App Cloud Studio   
     </div> 
    </div> 
</div> 
<div class="field field-type-text field-field-video-id"> 
     <div class="field-label">Video ID:&nbsp;</div> 
    <div class="field-items"> 
      <div class="field-item odd"> 
        1251462871001   
      </div> 
    </div> 
</div> 

Answer 1

您使用了錯誤的選擇都在一起。 field-item是一個類，odd也是一個類。你應該用：

$(fullDescription).find(".field-item.odd").html() 

jQuery選擇是相同的CSS選擇器對於大多數使用情況。