jquery点击事件获取另一个标签的值

你这个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>

在项目开发中遇到这样的功能，要求实现列表页动态加载功能，在实现过程中遇到一些小小插曲，下面小编给大家详细说明下解决方法：

首次加载时可以获取成功，再次加载失败，通过chrome调试发现img

的

data-lazyload

属性没改变

调试的时候发现了bug

$fnimageLazyload

=

function(options)

{

var

lazyloadApis

=

[];

thiseach(function()

{

var

self

=

this;

var

lazyloadApi

=

null;

if

(self

===

document

||

self

===

window)

{

self

=

documentbody;

}

//对，bug就在这，判定时如果body已有该属性，就不在加载了，整体的代码没看明白，注释太少了啊

var

id

=

selfgetAttribute('data-imageLazyload');

if

(!id)

{

id

=

++$uuid;

$data[id]

=

lazyloadApi

=

new

ImageLazyload(self,

options);

selfsetAttribute('data-imageLazyload',

id);

}

else

{

lazyloadApi

=

$data[id];

}

lazyloadApispush(lazyloadApi);

});

return

lazyloadApislength

===

1

lazyloadApis[0]

:

lazyloadApis;

}

问题找到了，那么就在再次加载数据时，清除该属性就ok了

documentbodyremoveAttribute('data-imagelazyload');

mui(document)imageLazyload({

placeholder:

'//images/img_head3png'

});

以上所述是小编给大家介绍的MUI

解决动态列表页懒加载再次加载不成功的bug问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

P标签的class 换成mui-ellipsis-2，这个class是mui自带的方法，多行文本的溢出显示省略号

其中修改mui-ellipsis-2  里面的-webkit-line-clamp方法，可设置文本显示行数，默认2

1,如果webview集成方式那就需要使用常规网页传值方式了，比如"indexhtml？sss=xxx"。

2,如果webapp集成方式，可以使用SDKstartWebApp(Activity arg0, String arg1, String args, IWebviewStateListener arg3, IOnCreateSplashView arg4),args则为参数，在js层可以使用plusruntimearguments获取

：1、页面初始化时，通过扩展参数传值；mui在初始化页面时，提供了extras配置参数，通过该参数可以设置页面参数，从而实现页面间传值；mui框架在如下几种场景下，会执行页面初始化 *** 作：-通过muiopenWindow()打开新页面

以上就是关于jquery点击事件获取另一个标签的值全部的内容，包括:jquery点击事件获取另一个标签的值、MUI 解决动态列表页图片懒加载再次加载不成功的bug问题、mui 三行列表自动换行等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！