Question

jquery 点击事件 获得点击事件的标签

<div class="ditem source">
<a class="btn default btn-block" href="javascript:;" onclick="queryPlan();">

<input type="hidden" class="data plan_id" data-name="FEE_PLAN_ID"/>
<span class="data" data-name="PLAN_NAME"></span>
</a>

</div>///多个以上的div,怎么在queryPlan()里面写获得input的值

Answer 1

你这个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 < musicList.length; 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(span.attr('data-musicicon'));
// 可以对span进行操作了
});
});
});
</script>

Answer 2

var $input = $(this).children('input'); //children: 获得匹配元素集合中每个元素的所有子元素
var val = $input.val();

Answer 3

onclick="queryPlan(this)",this就是a标签，可以当类用