jQuery 检查 P 标签是否包含具有给定 id 的 A 标签

Question

I have the following code I am trying to determine if the P tag contains a A tag with the id = Test1. Thanks you.

HTML:

<div>
    <p id="header"></p>
</div>

jQuery:

$(document).ready(function (e) {
    // Append A tag with id= Test1
    $('#header').append("<a href='#' id='Test1'> Test1</a>")

    // If the p with id = header contains a A tag with id = Test1.
});

Answer 1

Use the find method to check if the anchor tag with a given id is present.

 $(document).ready(function (e) { // Append A tag with id= Test1 $('#header').append("<a href='#' id='Test1'> Test1</a>") // If the p with id = header contains a A tag with id = Test1. if($('#header').find('a#Test1').length){ alert('yes'); }else { alert('no'); } });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div> <p id="header"></p> </div>

Answer 2

Just try

if(!$( "p#header" ).has( "a#Test1" ).length){
   $('#header').append("<a href='#' id='Test1'> Test1</a>")
}else{
   //Your p element has this anchor with id test1
}