<div class="box2"> <span class="prepage">上一页</span> <ul class="paging"> <li class="bluebg"><a href="javascript:;">1</a></li> <li class="anpther"><a href="javascript:;">2</a></li> <li class="anpther"><a href="javascript:;">3</a></li> </ul> <span class="nextpage">下一页</span> </div>点击上一页获取li中带有bluebg属性名的文本,用jquery来写,怎么做
时间: 2023-07-15 15:13:28 浏览: 77
可以使用以下的 jQuery 代码来实现:
```javascript
$('.prepage').click(function() {
var text = $('.bluebg a').text();
alert(text);
});
```
这段代码会在点击“上一页”按钮时,获取带有 `bluebg` 类名的 `li` 标签中的链接文本,并将其弹出显示。
相关问题
<div class="box2"> <span class="prepage">上一页</span> <ul class="paging"> <li class="bluebg"><a href="javascript:;">1</a></li> <li class="anpther"><a href="javascript:;">2</a></li> <li class="anpther"><a href="javascript:;">3</a></li> </ul> <span class="nextpage">下一页</span> </div>点击上一页获取li中带有bluebg属性名的文本
可以使用以下代码获取:
```python
from bs4 import BeautifulSoup
html = '''<div class="box2">
<span class="prepage">上一页</span>
<ul class="paging">
<li class="bluebg"><a href="javascript:;">1</a></li>
<li class="anpther"><a href="javascript:;">2</a></li>
<li class="anpther"><a href="javascript:;">3</a></li>
</ul>
<span class="nextpage">下一页</span>
</div>'''
soup = BeautifulSoup(html, 'html.parser')
li_list = soup.find_all('li', {'class': 'bluebg'})
for li in li_list:
print(li.text.strip())
```
输出结果为:
```
1
```
用jQuery实现<div class="box2"> <span class="prepage">上一页</span> <ul class="paging"> <li class="bluebg"><a href="javascript:;">1</a></li> <li class="anpther"><a href="javascript:;">2</a></li> <li class="anpther"><a href="javascript:;">3</a></li> </ul> <span class="nextpage">下一页</span> </div>点击上一页获取li中带有bluebg属性名的文本
可以使用以下代码实现:
```javascript
$('.prepage').click(function(){
var text = $('.bluebg a').text();
console.log(text);
});
```
首先,给上一页按钮添加一个点击事件。在该事件中,使用 jQuery 的选择器来获取带有 bluebg 属性名的 li 元素中的文本内容。
这里用 `.text()` 方法来获取文本内容,并将其赋值给一个变量 text。最后,使用 `console.log()` 方法将其打印出来。
阅读全文