How to check if html element has some html tag by jquery?

Question

The case : should select object

example:

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'));

the result should be: some text + html elements but its not.

please tell me what should be fixed.

Edit: please see my answer with short solution.

@LightnessRacesinOrbit. it's DOMelement and undifined. see my answer. — gdoron, Feb 12 '12 at 13:35
@gdoron: No, I am trying to train the OP to ask better questions. — Lightness Races in Orbit, Feb 12 '12 at 13:47

gdoron · Answer 1 · 2012-02-12T13:29:44.150

closest is searching the DOM up, not down like find.

closest docs:

Description: Get the first element that matches the selector, beginning at the current element and progressing up through the DOM tree.

find docs:

Description: Get the descendants of each element in the current set of matched elements, filtered by a selector, jQuery object, or element.

so for text1 it should be closest and for text2 it should be 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'));

Use .html to get the text you wanted.

JSFiddle DEMO

Update:

To do it in one method:

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

1. $(text) should convert to dom? 2.what is your code instead my?3. find also not works for text1 — Ben, Feb 12 '12 at 13:08
@Yosef. No that `` should be in the page-DOM not just a string. — gdoron, Feb 12 '12 at 13:10
can you please give reference for that??or write solution that will work? — Ben, Feb 12 '12 at 13:13
ok, thanks for the code. the problem that i cant know what should be the value of text var - i bring examples of 2 possible cases of text var. according that how will you change the code? — Ben, Feb 12 '12 at 13:20

score 0 · Answer 2 · answered Feb 12 '12 at 13:10

0

Try to use find() for the element's children and andSelf() to get the element itself.

answered Feb 12 '12 at 13:10

Hadas

10,188
1
22
31

score 0 · Accepted Answer · answered Feb 13 '12 at 13:59

The solution that i get idea about : add wrapper element then can be used only find :

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'));

Demo: http://jsfiddle.net/EaZrs/5/

How to check if html element has some html tag by jquery?

3 Answers3