javascript - 使用 innerhtml 访问 anchor 标记

Question

我有系统生成的 anchor 标记，它不包含 id 或 class。 我唯一知道的是它有固定的内部 html(如“清除”)。 我们可以使用内部 html 访问此 anchor 标记吗？ 所以点击这个我可以隐藏另一个 div 标签。

.wrap-div{

width:70px;
height:100px;
background-color:black;
}

#submit{

display:block;
position: relative;

}

<div class='wrap-div' ></div>
<div id="submit">                            
<a onclick="fun1();" href="javascript:{}">   
                             Apply                            
</a>                             |                        
<a onclick="fun2()" href="javascript:{}"> 
                           Clear                    
</a>  

</div>

Answer 1

你可以使用属性等于选择器

$("a[onclick='fun2()']")

$("a[onclick='fun2()']").css("color", "red");

.wrap-div {
  width: 70px;
  height: 100px;
  background-color: black;
}
#submit {
  display: block;
  position: relative;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='wrap-div'></div>
<div id="submit">
  <a onclick="fun1();" href="javascript:{}">   
                             Apply                            
</a> |
  <a onclick="fun2()" href="javascript:{}"> 
                           Clear                    
</a> 

</div>

或:contains()

$("a:contains('Clear')")

$("a:contains('Clear')").css("color", "sienna");

.wrap-div {
  width: 70px;
  height: 100px;
  background-color: black;
}
#submit {
  display: block;
  position: relative;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='wrap-div'></div>
<div id="submit">
  <a onclick="fun1();" href="javascript:{}">   
                             Apply                            
</a> |
  <a onclick="fun2()" href="javascript:{}"> 
                           Clear                    
</a> 

</div>