如何檢查HTML元素是否有jQuery的一些HTML標記？

Question

殼體：應選擇對象

例如：

function getDomPart(text,htmlTag){ 
    return $(text).closest(htmlTag).get(0); 
} 

var text1='<object>some text + html elements </object>'; 
var text2='<div><object>some text + html elements </object></div>'; 
alert(getDomPart(text1,'object')); 
alert(getDomPart(text2,'object')); 

結果應該是：一些文本+ html元素 ，但它不是。

請告訴我應該修正什麼。

編輯： 請參閱我的答案與簡短的解決方案。

Answer 1

，我得到的有關想法的解決方案：加包裝元素則只能用來發現：

function search(text,htmlTag){ 
    return $('<div>'+text+'</div>').find(htmlTag).html(); 
} 


var text1='<object>some text + html elements </object>'; 
var text2='<div><object>some text + html elements </object></div>'; 
alert(search(text1,'object')); 
alert(search(text2,'object')); 

演示： http://jsfiddle.net/EaZrs/5/

Answer 2

最接近的是搜索DOM，而不是像find。

closest docs:

說明：獲取選擇相匹配，在當前元素開始，通過DOM樹前進了第一個元素。

find docs:

說明：獲取每個元素的後代在當前匹配的元素，通過一個選擇器，jQuery對象，或元件過濾。

所以text1的應該是closest和text2的應該是find：

function getDomPartUp(text,htmlTag){ 
    return $(text).closest(htmlTag).html(); 
} 

function getDomPartDown(text,htmlTag){ 
    return $(text).find(htmlTag).html(); 
} 

var text1='<object>some text + html elements </object>'; 
var text2='<div><object>some text + html elements </object></div>'; 
alert(getDomPartUp(text1,'object')); 
alert(getDomPartDown(text2,'object'));​ 

使用.html得到你想要的文字。

JSFiddle DEMO

---

更新：

要做到這一點的一個方法：

function search(text,htmlTag){ 
    var $up = $(text).closest(htmlTag); 

    if ($up.length > 0) 
     return $up.html(); 

    var $down = $(text).find(htmlTag); 

    return $down.length > 0 ? $down.html() :""; 
}  

var text1='<object>some text + html elements </object>'; 
var text2='<div><object>some text + html elements </object></div>'; 
alert(search(text1,'object')); 
alert(search(text2,'object'));​ 

JSFiddle DEMO

Answer 3

嘗試爲元素的子元素使用find()，並使用andSelf()來獲取元素本身。