Jquery怎么获取select选中项 自定义属性的值

可以使用：jQuery 属性 *** 作 - attr() 方法

attr() 方法的定义和用法

attr() 方法设置或返回被选元素的属性值。

根据该方法不同的参数，其工作方式也有所差异。

使用attr() 方法返回属性值

语法：$(selector)attr(attribute)。attribute

规定要获取其值的属性。

使用attr() 方法设置属性/值

语法$(selector)attr(attribute,value)。attribute规定属性的名称，value 规定属性的值。 

实例

$("button")click(function(){  $("img")attr("width","180");});

//获取select标签自定义属性 data-val的值

$("select")eq(0)attr("data-val")

当都选其中某几项时，如果需要给服务端ajax传递对应项的id值，该如何做呢？

思路应该是这样的：

①获取被勾选项（即checked的checkbox所在行）

②将id存在checkbox所在input的自定义属性中，如 data-id 中

③创建空数组，遍历被选中的checkbox所在行，获取对应的 data-id 值，存入数组中

④将存入的数组转化为字符串，并用逗号隔开（join(',')）

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

以上就是关于Jquery怎么获取select选中项 自定义属性的值全部的内容，包括:Jquery怎么获取select选中项 自定义属性的值、jQuery获取表格中checkbox被选中一行的属性数据、jquery点击事件获取另一个标签的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！