js onclick 方法获取 list 一整条数据
时间: 2023-06-02 12:07:47 浏览: 114
可以使用 event.target 或 this 来获取点击的 DOM 元素,再通过 DOM 操作获取该元素所在的 list 一整条数据。具体实现可以参考以下示例代码:
HTML:
```
<ul id="myList">
<li data-id="1">Item 1<button onclick="handleClick(event)">Click</button></li>
<li data-id="2">Item 2<button onclick="handleClick(event)">Click</button></li>
<li data-id="3">Item 3<button onclick="handleClick(event)">Click</button></li>
</ul>
```
JavaScript:
```
function handleClick(event) {
const li = event.target.closest('li');
const id = li.dataset.id;
const text = li.textContent.trim();
console.log('id:', id);
console.log('text:', text);
}
```
当点击按钮时,会输出该 li 元素对应的 data-id 和文本内容。
阅读全文