2 dickylovechina dickylovechina 于 2016.04.06 14:41 提问

jquery问题 一个循环父元素里的button点击后 获得该父元素的ID
 比如
<div id="fys">
 <button id="comment" class="ysce"></button>
 <textarea id="commentconten" name="message" ></textarea>
<button id="tjpingl">提  交</button>
</div>
<div id="fys">
 <button id="comment" class="ysce"></button>
 <textarea id="commentconten" name="message" ></textarea>
<button id="tjpingl">提  交</button>
</div>
<div id="fys">
 <button id="comment" class="ysce"></button>
 <textarea id="commentconten" name="message" ></textarea>
<button id="tjpingl">提  交</button>
</div>
我想实现的是点击了提交 然后获取对应的$("#commentconten").val()的值和$("#comment").val()的值

6个回答

showbo
showbo   Ds   Rxr 2016.04.06 15:03
 $('button[id="tjpingl"]').click(function(){
var comment=$(this).parent().find('button:first'),textarea=$(this).parent().find('textarea');
alert(comment.val(textarea.val()))
alert()
});
Royal_lr
Royal_lr   Ds   Rxr 2016.04.06 15:04

jquery直接用parent()就能得到父元素了

huang0625tuo
huang0625tuo   2016.04.06 15:07

$(你点击的按钮).parent().find('id=[commentconten]').val()
$(你点击的按钮).parent().find('id=[comment]').val()

xionglangs
xionglangs   Rxr 2016.04.07 17:45

$('button[id="tjpingl"]').click(function(){
var commentval=$(this).prev("#comment").val();//找到当前被点击的button同级的上面的id为comment的dom值
var commentcontenval=$(this).prev("#commentconten").text();
alert(commentval);
alert(commentcontenval);
});

sunjiyun26
sunjiyun26   2016.04.11 13:17

$.prev("textarea").text();
$.prev("button").text()

u011495841
u011495841   2016.06.23 16:48

$("button[id='tjpingl']").click(function(){
var buttonVal=$(this).parent("div").find(".ysce").text();
var textareaVal=$(this).parent("div").find("textarea[name='message']").text();
alert("button值为:"+buttonVal+",textarea值为:"+textareaVal);
});
不过需要注意,在写html的时候id是唯一的,不要重复了

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
JS点击一个元素删除其父元素
html> head>     meta charset="utf-8">     title>e演示title>     script type="text/javascript">     function deleteElement(Obj){         Obj.parentNode.parentNode.removeChild(Obj.parent
html如何点击子元素事件而不触发父元素的点击事件
html如何点击子元素事件而不触发父元素的点击事件
jq点击 删除id=del,删除指定的祖先元素class="task"
(‘#del’).on(‘click’, function(){(‘#del’).on(‘click’, function(){ (this).parents(‘.task’).remove(); });
JS实现当点击子元素让其父元素换色
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <ul> <li>我要换色 <button onclick="aa(this)">点我点我</but
Jquery实现点击子元素标签只触发子元素点击事件,不触发父元素点击事件
最近写代码遇到一个细节的小问题,点击子元素标签不仅触发了子元素点击事件,还会执行父元素点击事件,例如: 子元素 tabclose="11" > 子元素 为li标签和i标签都添加点击事件后,当我点击i标签区域,li标签的点击事件也会触发,后来经过查询文档发现,避免这个问题只需要为i标签的点击事件上加上jquery防止事件冒泡即可,如下: $("i").on("click",
jquery查找父元素、子元素(个人经验总结)--zsl代修改
对使用js或者jquery查找父元素、子元素比较混淆的朋友可以参考下本文,因为是个人总结,用起来会比较方便 使用js或者jquery查找父元素、子元素经常遇到。可是用起来总容易混淆,这里统一总结了一下,以后用起来相信会方便好多  这里jquery向上查找父元素 用到的方法:closest() parents() parent()  向下查找子元素 用到的方法:find
js与jquery两种不同的方式获得父元素、删除子元素
var obj=document.getElementById("id");得到的是dom对象,对该对象进行操作的时候使用js方法 var obj=$("#id");得到的是jquery对象,对该对象进行操作的时候使用jquery方法 1.对于上面获得的对象进行遍历       (1).js方法  for(vat i=0;jobj[i] 来获得对应的某一个元素}       (2).jqu
jq获取this父层的标签
如何用jquery $(this) 取得父元素下的某一个子元素,比如:            内容       $(".twoBtn").bind("click",function(){   $(this).parent().find('td'); }) $(this).attr('data-id' , '222'); $(this).data('id
获取a标签的父元素
我们在点击事件里面,经常会用到this获取当前元素。但是我今天在使用a标签的this的时候却发现有问题,网上找了些,虽然还不是很懂,但是获取父元素还是成功,希望对你有用<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> Insert title here func
jq-获取父元素id
在js中写:var id=$(this).parent().parent().attr('id');或者:(这是遍历类为id的组件,并获取文本中已经填入的id)var id=$(this).parent().siblings('.id').text();