jquery获取列表中选中元素的data-clipboard-text值
时间: 2024-01-05 15:02:28 浏览: 73
你可以使用以下代码来获取选中元素的 `data-clipboard-text` 值:
```javascript
var selectedData = [];
$('ul li input[type="checkbox"]:checked').each(function() {
selectedData.push($(this).closest('li').data('clipboard-text'));
});
console.log(selectedData);
```
解释一下这段代码:
- `$('ul li input[type="checkbox"]:checked')` 选择了所有被选中的 checkbox 元素。
- `.each(function() { ... })` 遍历了所有被选中的 checkbox 元素。
- `$(this).closest('li').data('clipboard-text')` 获取了当前 checkbox 元素所在的 li 元素的 `data-clipboard-text` 值,并将其存入 `selectedData` 数组中。
- `console.log(selectedData)` 输出了所有选中元素的 `data-clipboard-text` 值。
相关问题
jquery获取选中的tbody下面的input下面的a 标签下面的data-clipboard-text值
可以使用以下代码来获取选中的tbody下面的input下面的a标签下面的data-clipboard-text值:
```javascript
// 假设选中的tbody的id为"myTableBody"
$("#myTableBody input:checked + a[data-clipboard-text]").each(function() {
var value = $(this).attr("data-clipboard-text");
console.log(value);
});
```
该代码会查找id为"myTableBody"的tbody元素下所有被选中的input元素相邻的a元素,并且该a元素有"data-clipboard-text"属性,然后获取该属性的值并输出到控制台。
jquery获取tbody被选中的td后,获取下面的input下面的a 标签下面的data-clipboard-text值
可以使用以下代码来获取tbody被选中的td后,获取下面的input下面的a标签下面的data-clipboard-text值:
```javascript
// 假设选中的tbody的id为"myTableBody"
$("#myTableBody td:has(:checkbox:checked) + td input + a[data-clipboard-text]").each(function() {
var value = $(this).attr("data-clipboard-text");
console.log(value);
});
```
该代码会查找id为"myTableBody"的tbody元素下所有被选中的checkbox元素相邻的td元素,然后获取该td元素下input元素相邻的a元素,并且该a元素有"data-clipboard-text"属性,然后获取该属性的值并输出到控制台。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)