jquery如何获取input中的内容

jquery如何获取input中的内容,第1张

$(this,"ipt")

改为

$("ipt",$(this))

或者

$(this)find("ipt")

即可

看来你对jq的选择器用法还是不够理解啊

success:function(data){

    //如果ajax的dataType为json则忽略这一步

    var json = eval("("+ data +")");

    

    //这里的docs有多个,对应的需要循环取出,这里只取出了第1个,索引从0开始

    //如果无误的话,值应为33484

    alert(jsonresponsedocs[0]index);

}

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

引用方式错误,参考下面:

var ul = $("sss li");

ulclick(function(){           

    var str = $(this)attr("data");

    // alert(str);  

    inputval(str);

});

你在click使用的是ul对象,而 ul = $("sss li");  是一个Jq的筛选集合

所以 var str = ulattr("data");每次默认选第一个

var str = $(this)attr("data"); 表示选取当前点击的(this)li的data属性

以上就是关于jquery如何获取input中的内容全部的内容,包括:jquery如何获取input中的内容、用jquery ajax获取页面数据。设置个button,点击button就能显示所需要提取的页面数据。详细如下补充、jquery点击事件获取另一个标签的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9742005.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存