javascript - 在另一个函数中传递单击元素的属性

Question

大家好，我想弄清楚如何传递我在不同函数中单击的元素的属性

具体来说，我有十几个具有相同 className = online 的元素但是，每个元素都有一个我动态分配给它们的唯一 ID。

我使用 $(document).on 是因为我想在 document 上收听点击，因为带有 className=online 的元素> 也是动态创建的。

$(document).on("click", ".online", isInPrivateChat);

例如，我怎样才能在不同的函数中

function TakeTheidfTheElement(){
  //take the id of the element i clicked
}

我知道我应该使用 jquery 方法 .attr('id') 但不能真正让它工作。

谢谢

Answer 1

Working fiddle .

您可以使用 this.id 从回调函数 isInPrivateChat 中简单地获取 id，例如:

function isInPrivateChat(){
   alert( this.id );
}

希望这对您有所帮助。

$(document).on("click", ".online", isInPrivateChat);

function isInPrivateChat(){
   console.log( this.id );
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class='online' id='id_1'>Btn 1</button>
<button class='online' id='id_2'>Btn 2</button>
<button class='online' id='id_3'>Btn 3</button>