$(".biaobox").on("click", ".sewvbm>li", function () { var selva = $(this).text(); var text = $(this).parents(".sewvbm").siblings(".sewvtop").find("span").text(); if (text == '请选择') { // TotalPrice(); } else { //alert('不计算余额'); } $(this).parents(".sewvbm").siblings(".sewvtop").find("span").text(selva); $(this).parent("ul").hide(); }) });怎么获取到li的索引
时间: 2024-04-23 15:28:27 浏览: 76
要获取li元素的索引,可以使用jQuery的index()方法。在事件处理函数中,可以使用$(this)来获取当前点击的li元素,然后通过index()方法获取其在兄弟元素中的索引。
以下是修改后的代码示例:
```javascript
$(".biaobox").on("click", ".sewvbm>li", function () {
var selva = $(this).text();
var text = $(this).parents(".sewvbm").siblings(".sewvtop").find("span").text();
if (text == '请选择') {
// TotalPrice();
} else {
//alert('不计算余额');
}
$(this).parents(".sewvbm").siblings(".sewvtop").find("span").text(selva);
$(this).parent("ul").hide();
var index = $(this).index();
console.log("li的索引:" + index);
});
```
在上述代码中,我添加了获取li元素索引的代码,并使用console.log()方法将索引打印到控制台。你可以根据实际需求修改处理索引的逻辑。
相关问题
$(".biaobox").on("click", ".sewvbm>li", function () { var selva = $(this).text(); var text = $(this).parents(".sewvbm").siblings(".sewvtop").find("span").text(); if (text == '请选择') { // TotalPrice(); } else { //alert('不计算余额'); } $(this).parents(".sewvbm").siblings(".sewvtop").find("span").text(selva); $(this).parent("ul").hide(); }) });怎么获取到li的data-stock="{$vop.stock}"stock的值
要获取li元素的data-stock属性的值,可以使用jQuery的data()方法。在事件处理函数中,可以使用$(this)来获取当前点击的li元素,然后通过data()方法获取其data-stock属性的值。
以下是修改后的代码示例:
```javascript
$(".biaobox").on("click", ".sewvbm>li", function () {
var selva = $(this).text();
var stockValue = $(this).data("stock");
var text = $(this).parents(".sewvbm").siblings(".sewvtop").find("span").text();
if (text == '请选择') {
// TotalPrice();
} else {
//alert('不计算余额');
}
$(this).parents(".sewvbm").siblings(".sewvtop").find("span").text(selva);
$(this).parent("ul").hide();
console.log("stock的值:" + stockValue);
});
```
在上述代码中,我添加了获取li元素data-stock属性值的代码,并使用console.log()方法将其打印到控制台。你可以根据实际需求修改处理stock值的逻辑。
用matplotlib.pyplot绘画水平交错柱状图,用导入的热狗大胃王数据
以下是使用热狗大胃王数据绘制水平交错柱状图的代码:
```python
import matplotlib.pyplot as plt
import pandas as pd
# 导入热狗大胃王数据
data = pd.read_csv('https://raw.githubusercontent.com/selva86/datasets/master/Hot%20Dogs/hotdog-contest-winners.csv')
# 取出需要绘制的数据
names = data['Year'].tolist()
dogs = data['Dogs'].tolist()
buns = data['Buns'].tolist()
# 绘制水平交错柱状图
fig, ax = plt.subplots(figsize=(10, 6))
ax.barh(names, dogs, height=0.5, label='Hot Dogs')
ax.barh(names, buns, height=0.5, left=dogs, label='Buns')
ax.set_ylabel('Year')
ax.set_xlabel('Number of Hot Dogs/Buns Eaten')
ax.set_title('Hot Dog Eating Contest Winners')
ax.legend()
plt.show()
```
结果如下图所示:
![image](https://user-images.githubusercontent.com/26833433/136672274-2e8d0dff-b5b6-400e-9d1d-9441b0daa6f5.png)
阅读全文