首页新闻找找看学习计划

关于click获取值的问题

0
[待解决问题]

要求是:

1)点击提交1,只能获取user1的值,点击提交2,只能获取user2的值.....

<script>
$(function () {

//请大神解答
});
</script>
<div class="main">
<ul>
<li><span>user1</span><input type="button" class="btn1" value="提交1" /></li>

<li><span>user2</span><input type="button" class="btn2" value="提交2" /></li>

<li><span>user3</span><input type="button" class="btn3" value="提交3" /></li>

<li><span>user4</span><input type="button" class="btn4" value="提交4" /></li>
</ul>
</div>

 

得意洋洋~的主页 得意洋洋~ | 菜鸟二级 | 园豆:250
提问于:2017-12-27 23:43
< >
分享
所有回答(4)
0

有个思路,

1、直接写个onclick=xxxx(this),这样把自身控件input传递过去,

2、然后通过自身控件获取父控件li

3、通过父控件li获取第一个子控件span

4、获取子控件的值或innerhtml

黑峰 | 园豆:544 (小虾三级) | 2017-12-28 01:00
1
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
    <div class="main">
        <ul>
            <li><span>user1</span><input type="button" class="btn" value="提交1" /></li>
            <li><span>user2</span><input type="button" class="btn" value="提交2" /></li>
            <li><span>user3</span><input type="button" class="btn" value="提交3" /></li>
            <li><span>user4</span><input type="button" class="btn" value="提交4" /></li>
        </ul>
    </div>
</body>
</html>
<script>
    $(function () {
        $(".btn").click(function () {
            console.log($(this).parent().find("span").text());
        });
    });
</script>

默卿 | 园豆:4156 (老鸟四级) | 2017-12-28 09:28
0

在button按钮的点击事件处理程序里,找自己的上一个兄弟,得到的就是相应的span

西漠以西 | 园豆:1670 (小虾三级) | 2017-12-28 15:11
0

将事件绑定到ul上,时时记得事件委托,要不然碰上几百个btn就搞笑了。

小明1992 | 园豆:236 (菜鸟二级) | 2017-12-29 00:07
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册