如何在jquery中動態將鏈接元素的值傳遞給函數？

Question

我有一個鏈接元素，如下所示，該鏈接元素的值是動態設置的（異步）。

在異步調用ajax設置標簽之前，標簽的值將為null。

<a href="#"  onclick="myFuncton(**I want to pass the label element value - testClass**);"><label class="testClass"></label></a>

我想將標簽的值傳遞給JavaScript函數。

 <script>
  function myFunction(label value){
  alert(label value);
  }
  </script>

我正在嘗試找出實現此目標的最佳方法。 有人可以幫我提出任何建議/想法嗎？

Answer 1

我建議使用jQuery事件處理程序...

話雖如此， this在onclick的上下文中將引用錨元素，因此

 function myFuncton(value) { alert(value); } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <a href="#" onclick="myFuncton($(this).find('label.testClass').text());"> <label class="testClass">ddd</label> </a> 

---

使用jQuery事件處理程序

 jQuery(function($) { $('.myanchor').click(function(e) { e.preventDefault(); var label = $(this).find('.testClass').text(); alert(label) }) }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <a href="#" class="myanchor"> <label class="testClass">some text</label> </a> 

Answer 2

首先使用此html

onclick="printLabel()"

然后JS

function myFunction(label){
        alert(label);
}

function printLabel(){
        myFunction($('.testClass').text());
}

在onclick屬性中使用JS代碼是一種非常糟糕的做法，該屬性僅應用於調用函數

Answer 3

我認為功能不需要參數。 您可以使用'this'屬性獲取值。 您可以嘗試以下方法之一：

使用純JavaScript：

this.children[0].innerText;

使用JQuery：

$('.testClass', this).text();