Jquery 怎样获得当前点击的li 元素中超链接的值 比如:<li><a href="#">一级菜单<a><li>

Jquery 怎样获得当前点击的li 元素中超链接的值 比如:<li><a href="#">一级菜单<a><li>,第1张

<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按钮

2获取id为source元素链接href地址

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点击事件获取另一个标签的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9489276.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存