当前位置：文档之家 › JQUERY 获取对应行里面的某个控件的值

JQUERY 获取对应行里面的某个控件的值

  • 格式：pdf
  • 大小：53.44 KB
  • 文档页数：2

前端做项目，想完成点击某个行的按钮，获取对应行里面的某个控件的值
于是写了一下代码，方便需要的人
<script type="text/javascript"src="jQuery.js"></script>
<script>
//方法一
function get(obj){
alert(obj)
var trd=$("#tblDtl tr").eq(obj);
var o=trd.find("[id='d']");
alert(o.val())
}
//方法2
function get1(obj){
alert(obj.parents().html())
var o=obj.parents().find("[id='d']");
alert(o.val());
}
</script>
<table id="tblDtl">
<tr><td><input type="text"id="a"name="a"></td>
<td><input type="button"id="b"name="b"onclick="get(parentNode.parentNode.rowIndex)"><input type="text"id="c"name="c"></td> <td><input type="text"id="d"name="d"></td>
</tr>
<tr><td><input type="text"id="a"name="a"></td>
<td><input type="button"id="b"name="b"onclick="get(parentNode.parentNode.rowIndex)"><input type="text"id="c"name="c"></td> <td><input type="text"id="d"name="d"></td>
</tr>
<tr><td><input type="text"id="a"name="a"></td>
<td><input type="button"id="b"name="b"onclick="get(parentNode.parentNode.rowIndex)"><input type="text"id="c"name="c"></td> <td><input type="text"id="d"name="d"></td>
</tr>
<tr><td><input type="text"id="a"name="a"></td>
<td><input type="button"id="b"name="b"onclick="get1($(this))"><input type="text"id="c"name="c"></td>
<td><input type="text"id="d"name="d"></td>
</tr>
<tr><td><input type="text"id="a"name="a"></td>
<td><input type="button"id="b"name="b"onclick="get1($(this))"><input type="text"id="c"name="c"></td>
<td><input type="text"id="d"name="d"></td>
</tr>
<tr><td><input type="text"id="a"name="a"></td>
<td><input type="button"id="b"name="b"onclick="get1($(this))"><input type="text"id="c"name="c"></td>
<td><input type="text"id="d"name="d"></td>
</tr>
</table>。

合集下载

jquery】常用的jquery获取表单对象的属性与值

jquery】常用的jquery获取表单对象的属性与值

jquery】常⽤的jquery获取表单对象的属性与值1【jquery】常⽤的jquery获取表单对象的属性与值234 1、JQuery的概念56789 JQuery是⼀个JavaScript的类库，这个类库集合了很多功能⽅法，利⽤类库你可以⽤⼀些简单的代码实现⼀些复杂的JS效果。

101112 2、JQuery实现了代码的分离1314不⽤再⽹页中加⼊如：onclick之类的事件来调⽤函数了，直接引⼊JQuery类库和⾃⼰编写的JQuery代码就可以了；15如：16 $(function(){17 $("Element").click{function(){18 alert("点击我哦！");19 }20 }21 })；22上⾯的代码中只要定义了Element 这个元素后⾯的click是动作2324 alert("点击我哦！");这个是要执⾏的代码，当然你可以有很多的操作在这个函数中；25这⾥⾯的$这个号代表JQuery的意思，就是引⽤类库。

2627 3、JQuery的核⼼的⼀些⽅法28 each(callback) '就像循环29 $("Element").length; ‘元素的个数，是个属性30 $("Element").size(); ’也是元素的个数，不过带括号是个⽅法31 $("Element").get(); ‘某个元素在页⾯中的集合，以数组的形式存储32 $("Element").get(index); ’功能和上⾯的相同，index表⽰第⼏个元素，数组的下标33 $("Element").get().reverse(); ‘把得到的数组⽅向34 ("Element1").index(("Element1").index(("Element2")); ’元素2在元素1中的索引值是。

jquery用法

jquery用法

jquery用法jQuery是一种广泛应用于网页开发的JavaScript库，它极大地简化了HTML 文档遍历、事件处理、动画设计等常见的客户端脚本操作。

下面是jQuery的一些常见用法:1.选择器: jQuery提供了许多选择器来获取HTML元素，如元素选择器、id选择器、class选择器、属性选择器、伪类选择器、层次选择器等。

以下是一些常见的选择器：•('#element')：选择具有特定ID的元素•('.class')：选择具有特定类的元素•('input[type=“text”]')：选择特定类型的表单元素•('div:first')：选择第一个div•('ul li').eq(2)：选择ul下的第二个li元素2.事件处理: jQuery使得添加和处理事件变得容易。

以下是一些常见的事件处理函数：•click()：单击元素时触发•dblclick()：双击元素时触发•mouseenter()：鼠标移入元素时触发•mouseleave()：鼠标移出元素时触发•keydown()：按下键盘上的键时触发3.属性: jQuery提供了完善的属性操作，可以改变和获取元素的属性，例如：•attr(): 获取或设置元素的属性值•removeAttr(): 删除元素的属性值•prop(): 获取或设置元素的属性值，与attr()不同之处在于property值不会随着属性值的改变而改变4.动画效果: jQuery内置了一些动画效果，可以使网页更加动态。

以下是一些常见的动画效果：•fadeIn()：淡入元素，即从不可见到可见•fadeOut()：淡出元素，即从可见到不可见•slideDown()：向下展开元素•slideUp()：向上收缩元素•animate()：通过改变元素的CSS属性来创建自定义的动画效果5. AJAX: jQuery内置了AJAX的方法，可以在不刷新网页的情况下从服务器获取数据。

jquery获取textarea文本值详解

jquery获取textarea文本值详解

jquery获取textarea⽂本值详解今天⽤jquery获取textarea⽂本值，遇到这么⼀个问题：⼀开始⽤val()⽅法报错，后⾯使⽤text()，可以运⾏，但是获取的值永远为空，最后在改成val()，可以正常使⽤。

于是乎：为了把这个问题弄清楚，开始了遥远的解读jQuery源码之旅步骤：1. 给textarea设置默认值，分别输出text()和value()值2. 改变textarea的⽂本值，在分别输出text()和value()值例⼦：代码：1<!doctype html>2<html lang="en">3<head>4<meta charset="utf-8">5<title>dom属性测试</title>6</head>7<body>8<div id="js-div">9<textarea id="js-textarea">hhhh</textarea>10<button type="button" id="js-button">显⽰⽂本</button>1112<input value="hello world" id="js-input">13</div>14<script type="text/javascript" src="../demo-plugin/public/js/jquery.js"></script>15<script type="text/javascript">16var $textArea = $('#js-textarea'),17 textArea = $textArea.val();1819 console.log('val:',textArea);20 console.log('text:',$textArea.text());2122 $('#js-button').click(function () {2324 console.log('changed val:',$textArea.val());25 console.log('changed text:',$textArea.text());26 });27</script>28</body>29</html>View Code运⾏结果截图：从上⾯的例⼦可以看出：1. text()⽅法只能够获取到textarea的初始化⽂本值。

jquery获取表单数据的方法

jquery获取表单数据的方法

标题：JQuery获取表单数据的方法正文：随着互联网技术的不断发展，前端开发在Web应用程序中扮演着愈发重要的角色。

JQuery作为一款优秀的前端开发框架，其强大的功能和便捷的操作方式受到了广大开发者的青睐。

在Web开发中，表单是不可或缺的组件之一，而JQuery也提供了丰富的API来获取表单数据，本文将介绍JQuery获取表单数据的几种常用方法。

一、使用val()方法获取表单数据JQuery中的val()方法可用于获取表单元素的值，包括input、select、textarea等。

通过选取相应的表单元素，可以直接调用val()方法来获取其值。

示例代码如下：```javascriptvar username = $('#username').val(); // 获取输入框中的值var gender = $('input:radio[name="gender"]:checked').val(); //获取单选框的值var hobby =$('input:checkbox[name="hobby"]:checked').map(function(){ return $(this).val();}).get(); // 获取复选框的值var city = $('#city option:selected').val(); // 获取下拉框选中的值var intro = $('#intro').val(); // 获取文本域的值```二、使用serialize()方法获取表单数据JQuery中的serialize()方法可以将表单元素的值序列化成字符串，以便于通过Ajax进行传输或提交表单。

示例代码如下：```javascriptvar formData = $('#form').serialize(); // 序列化表单数据```三、使用serializeArray()方法获取表单数据serializeArray()方法将表单元素的值序列化成一个数组，每个元素是一个包含name和value属性的对象。