bootstr dropdown-item获取哪个被点击了
时间: 2023-06-25 11:05:19 浏览: 81
Bootstrap Dropdown组件提供了一些事件,可以用来获取哪个dropdown-item被点击了。下面是一个例子:
```html
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown button
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">Item 1</a>
<a class="dropdown-item" href="#">Item 2</a>
<a class="dropdown-item" href="#">Item 3</a>
</div>
</div>
```
下面是使用jQuery获取被点击的dropdown-item的代码:
```javascript
$('.dropdown-menu').on('click', '.dropdown-item', function() {
var clickedItem = $(this).text();
console.log(clickedItem);
});
```
在这个例子中,我们使用了jQuery的on方法来绑定一个click事件到.dropdown-menu元素上,然后使用一个选择器来指定要捕获的.dropdown-item元素。在事件处理程序中,我们使用$(this)来获取被点击的dropdown-item元素,然后使用text方法来获取它的文本内容。最后,我们将这个文本内容打印到控制台上。
阅读全文