<script>
$(function(){
var str = $("li a")text();
});
</script>
上面程序里的 str 就等于li里面a的值 也就是“一级菜单”
jquery里面的text()可以获取标签的值，同样也可以改变标签的值
比如：<li id="a_1">一级菜单</li>
$("#a_1")text("二级菜单");
这个时候li标签里面的值就变为“二级菜单”了
如果你对jq有基础的话，那么思路：
1点击id为btn按钮
3跳转
代码演示：
<!DOCTYPE HTML><html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src=">
你这个a不是在span里面吗，在绑定的事件里直接使用 $(this)parent()就可以获取到包裹它的span了。append之后，就会生成以下dom结构，然后在事件绑定取父元素就好了。
片段1
<span data-musicicon="name1" class="music-icon-hook"><a href="#" title="播放" data-action="play" class="list-micon icon-play"></a></span>
<!-- more -->
<span data-musicicon="name10" class="music-icon-hook"><a href="#" title="播放" data-action="play" class="list-micon icon-play"></a></span>
<script>
代码
<div id="div1"></div>
<script>
$(function(){
// 模拟的数据。
var musicList=[{MusicName:'name1'},{MusicName:'name2'},{MusicName:'name3'},{MusicName:'name4'},{MusicName:'name5'},{MusicName:'name6'},{MusicName:'name7'},{MusicName:'name8'},{MusicName:'name9'},{MusicName:'name10'}];
// 以下代码会生成 片段1 的dom
for (i = 0; i < musicListlength; i++) {
$("#div1")append('<span data-musicicon="'+musicList[i]MusicName +'" class="music-icon-hook"> <a href="#" title="播放" data-action="play" class="list-micon icon-play"> play </a></span>');
}
$('list-micon')each(function(index){
$(this)click(function(){
var span=$(this)parent(); // 获取到a的父元素，即包含它的那个span
alert(spanattr('data-musicicon'));
// 可以对span进行 *** 作了
});
});
});
</script>
可以用jQ的index()方法，举例：
<table id="table1"><tr>
<td>第1行</td>
</tr>
<tr>
<td>第2行</td>
</tr>
<tr>
<td>第3行</td>
</tr>
<tr>
<td>第4行</td>
</tr>
</table>$('#table1')find('tr')click(function() {
var idx = $(this)index() + 1; // 索引是从0开始的，故+1
consolelog('点击了第' + idx + '行');
});
以上就是关于Jquery 怎样获得当前点击的li 元素中超链接的值 比如：<li><a href="#">一级菜单</a></li>全部的内容，包括:Jquery 怎样获得当前点击的li 元素中超链接的值 比如：<li><a href="#">一级菜单</a></li>、jquery怎样点击某个元素后获得另一个元素里的链接并跳转、jquery点击事件获取另一个标签的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）