javascript - 将 id 作为参数传递

Question

我有一个包含多个div的页面，每个div都有一个来自数据库的ID，在每个div中都有一个like按钮，我想做的是当我点击like按钮传递ID作为我函数中的参数，这是我到目前为止所尝试的:

function addLike

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="myID" onClick="addLike()">
<button type="button">Like</button>
</div>

<div id="myID" onClick="addLike()">
<button type="button">Like</button>
</div>

<div id="myID" onClick="addLike()">
<button type="button">Like</button>
</div>

<div id="myID" onClick="addLike()">
<button type="button">Like</button>
</div>

<div id="myID" onClick="addLike()">
<button type="button">Like</button>
</div>

<div id="myID" onClick="addLike()">
<button type="button">Like</button>
</div>

Answer 1

ID 必须是唯一的。

无论何时定义内联点击事件处理程序，您都可以考虑传递以下两个变量:

• this:当前元素
• event:事件对象

function addLike(ele, e) {
    console.log('ID: ' + ele.id);
}

<div id="myID1" onclick="addLike(this, event)">
    <button type="button">Like</button>
</div>

<div id="myID2" onclick="addLike(this, event)">
    <button type="button">Like</button>
</div>

<div id="myID3" onclick="addLike(this, event)">
    <button type="button">Like</button>
</div>

<div id="myID4" onclick="addLike(this, event)">
    <button type="button">Like</button>
</div>

<div id="myID5" onclick="addLike(this, event)">
    <button type="button">Like</button>
</div>

<div id="myID6" onclick="addLike(this, event)">
    <button type="button">Like</button>
</div>