使用innerhtml访问锚标记

Question

我有系统生成的锚标记，它不包含id或class。 只有我知道它已经修复了内部html（例如＆＃34; Clear＆＃34;）。 我们可以使用内部html访问此锚标记。 所以点击这个我可以隐藏另一个div标签。

＆＃13;

＆＃13;

.wrap-div{

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

#submit{

display:block;
position: relative;

}

＆＃13;

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

</div>

＆＃13;

＆＃13;

＆＃13;

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>

Answer 2

在jQuery中试用这段代码：

$('#submit a').each(function(i, item) {
  if($(item).text() == 'Clear')
  {
      // here you have access to that a tag
      console.log(item);
      return;
  }
})​;