jquery find div by id code example

Example 1: jquery get element by id

<script>
$(document).ready(function(){
    $("#myBtn").click(function(){
        var elmId = $("#test").attr("id");
        alert(elmId);
    });
});
</script>

<body>
    <div id="testDiv">Data of the Div</div>
    <br>
    <button type="button" id="myBtn">Show Div ID</button>
</body>

Example 2: jquery find

$( "li.item-ii" ).find( "li" ).css( "background-color", "red" );

Example 3: jquery find tag and class

$(".txtClass")                  =>  getElementsByClassName()

$("#childDiv2 .txtClass")       =>  getElementById(),
                                    then getElementsByClassName()

$("#childDiv2 > .txtClass")     =>  getElementById(),
                                    then iterate over children and check class

$("input.txtClass")             =>  getElementsByTagName(),
                                    then iterate over results and check class

$("#childDiv2 input.txtClass")  =>  getElementById(),
                                    then getElementsByTagName(),
                                    then iterate over results and check class

Example 4: get element by id jqueryt

$( "#myDiv" )

Example 5: how to target an element inside of a $(this) jquery

$( this ).find( 'li.target' ).css("border", "3px double red");

Tags:

Html Example

Recent Posts