How check one html element excist inside another html element using jquery

Question

I want to check one html element exist inside another html element using jquery.Parent element have id 'preview' and child element have id 'draggable'.How check child element present inside parent element?

My code is

     if($("#preview").has("#draggable").length)
      {
          alert( "First element contain" );
      }

Any body give any solution for these issue?

as you are using id for child element then you can directly check if($("#draggable").length > 0) provided that id must be unique through out the html document. — Bhushan Kawadkar
– Bhushan Kawadkar, Commented Dec 17, 2014 at 6:21
I believe you yourself provided answer. Does it not working for you ? Show structure of both element than we will able to tell you — Panther
– Panther, Commented Dec 17, 2014 at 6:24
I want to check id 'draggable' present inside 'preview' or not?it is a draggable element.Some time it is inside preview or not — sh kk
– sh kk, Commented Dec 17, 2014 at 6:26

Salman Arshad · Accepted Answer · 2014-12-17 06:38:02Z

4

alert($("#preview #draggable").length) ;

This will give you non zero length if there is a #draggable is contained inside #preview.

edited Dec 17, 2014 at 6:38

Salman Arshad

274k85 gold badges450 silver badges540 bronze badges

answered Dec 17, 2014 at 6:30

Affan

1,1407 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Girish · Accepted Answer · 2014-12-17 06:35:19Z

0

you can use find() function to find inner element <selector>

if($("#preview").find("#draggable").length){
    alert( "First element contain" );
}

answered Dec 17, 2014 at 6:35

Girish

12.2k3 gold badges37 silver badges54 bronze badges

Comments

jpcanamaque · Accepted Answer · 2014-12-17 06:33:46Z

0

This is assuming that you are looking to the immediate children of the #preview selector.

if($("#preview").children('#draggable').length > 0){
    console.log( "First element contain" );
} else {
    console.log('none');
}

If you have to traverse to the inner elements (e.g. possibility that #draggable is inside other elements), then proceed to @Affan 's asnwer. :)

answered Dec 17, 2014 at 6:33

jpcanamaque

1,0791 gold badge8 silver badges15 bronze badges

Comments

tharindu_DG · Accepted Answer · 2014-12-17 06:35:30Z

0

Try this in the if condition

 $('#preview').find('#foo').length

Thank You

answered Dec 17, 2014 at 6:35

tharindu_DG

9,2997 gold badges55 silver badges69 bronze badges

Comments

Sudharsan S · Accepted Answer · 2014-12-17 08:37:49Z

0

$("#preview").has("#draggable") it returns the boolean true or false.

if($("#preview").has("#draggable")){


}

edited Dec 17, 2014 at 8:37

answered Dec 17, 2014 at 6:25

Sudharsan S

15.4k4 gold badges34 silver badges51 bronze badges

1 Comment

Sudharsan S Over a year ago

@shkk No in first condition it is false it doesn't use

Collectives™ on Stack Overflow

How check one html element excist inside another html element using jquery

5 Answers 5

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related