jquery实现点击第一个li标签实现跳转页面
时间: 2024-03-03 17:48:21 浏览: 168
假设你的 HTML 代码如下:
```html
<ul>
<li><a href="page1.html">第一页</a></li>
<li><a href="page2.html">第二页</a></li>
<li><a href="page3.html">第三页</a></li>
</ul>
```
你可以使用如下的 jQuery 代码来实现点击第一个 li 标签中的链接跳转到相应页面:
```javascript
$(document).ready(function() {
$('li:first-child').click(function() {
window.location.href = $(this).find('a').attr('href');
});
});
```
这段代码会在页面加载完成后绑定一个 click 事件到第一个 li 标签上,当用户点击第一个 li 标签时会获取其中链接的 href 属性,并通过 `window.location.href` 跳转到相应页面。
阅读全文