使用innerhtml訪問錨標記

Question

我有系統生成的錨標記，它不包含ID或類。 我只知道它具有固定的內部html（例如“ Clear”）。 我們可以使用內部html訪問此定位標記嗎？ 因此，單擊此按鈕，我可以隱藏另一個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> 

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;
  }
})​;