jQuery操作示例

当点击编辑时,获取编辑同级标签的内容实现方法:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

<table>

<thead>

<tbody>

<tr>

<td>1</td>

<td>2</td>

<td>3</td>

<td onclick="get_prev(this);">编辑</td>

</tr>

</tbody>

</thead>

</table>

<script src="jquery-3.1.0.min.js" type="text/javascript"></script>

<script type="text/javascript">

function get_prev(arg){

//$(arg).siblings(),表示所有的兄弟标签

//map会循环多个标签中的每一个标签,

//每一个标签被循环时都会执行map内部的函数并获取其返回值(第一次返回值1,第二次2,第三次3)

//将所有的返回值封装到一个数组(列表)中,

//最后返回列表list

var list = $(arg).siblings().map(function (){

//当前循环的标签

return $(this).text();

});

console.log(list[0],list[1],list[2]);

}

</script>

</body>

</html>

时间: 2024-11-13 06:28:11

jQuery操作示例的相关文章

jquery操作单选钮代码示例

jquery操作单选钮代码示例:radio单选按钮是最重要的表单元素之一,下面介绍一下常用的几个jquery对radio单选按钮操作.一.取消选中: $(".theclass").each(function(){ if($(this).attr('checked')) { $(this).attr('checked',false); } }); 以上代码可以将class属性值为theclass的被选中单选按钮取消选中.二.获取被选中的单选按钮的值: var val=$('.thecla

jQuery操作radio、checkbox、select示例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> jQuery操作radio.checkbox.select示例 </title> <meta name="Generator" con

jQuery实现表单动态添加与删除数据操作示例

<!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>用户名注册</title>   <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>   <script&g

使用jQuery操作元素的属性与样式

本文学习如何使用jQuery获取和操作元素的属性和CSS样式. 元素属性和Dom属性 对于下面这样一个标签元素: <img id='img' src="1.jpg" alt='1' class="imgs"></img>  我们通常将id,src,alt,class称为属性,也即元素属性.但是,当浏览器对标签元素进行解析时,会将元素解析为Dom对象,相应的,元素属性也就解析为Dom属性. 元素属性和Dom属性只是在我们对其进行不同解析时的不同

jquery 操作iframe的几种方法总结

iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作 DOM方法: 父窗口操作IFRAME:window.frames["iframeSon"].document IFRAME操作父窗口: window.parent.document jquery方法: 在父窗口中操作 选中IFRAME中的所有输入框: $(window.frames["iframeSon"].document).find(":text&

jQuery入门(2)使用jQuery操作元素的属性与样式

jQuery入门(1)jQuery中万能的选择器 jQuery入门(2)使用jQuery操作元素的属性与样式 一.区分DOM属性和元素属性 对于下面这样一个标签元素: <img id='img' src="images/image.1.jpg" alt='1' class="imgs"></img> 我们通常将id.src.alt.class称为属性,也即元素属性.但是,当浏览器对标签元素进行解析时,会将元素解析为Dom对象,相应的,元素属性

从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式

原文:从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 从零开始学习jQuery (五) 事件与事件对象 从零开始学习jQuery (六) jQuery中的Ajax 从零开始学习jQuery (七) jQuery动画-让页面动起来!

jQuery 操作元素的属性和内容

1. 操作"元素属性" 我们可以使用javascript中的getAttribute和setAttribute来操作元素的"元素属性". 在jQuery中给你提供了attr()包装集函数, 能够同时操作包装集中所有元素的属性: 名称 说明 举例 attr( name ) 取得第一个匹配元素的属性值.通过这个方法可以方便地从第一个匹配元素中获取一个属性的值.如果元素没有相应属性,则返回 undefined . 返回文档中第一个图像的src属性值: $("im

jQuery操作元素的属性与样式

本文学习如何使用jQuery获取和操作元素的属性和CSS样式. 元素属性和Dom属性 对于下面这样一个标签元素: <img id='img' src="1.jpg" alt='1' class="imgs"></img>  我们通常将id,src,alt,class称为属性,也即元素属性.但是,当浏览器对标签元素进行解析时,会将元素解析为Dom对象,相应的,元素属性也就解析为Dom属性. 元素属性和Dom属性只是在我们对其进行不同解析时的不同