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>


注意:

如果要获取一对标签中间的内容用:$(this).text()

如果要获取select、input系列标签中的内容用val()




      本文转自027ryan  51CTO博客,原文链接:http://blog.51cto.com/ucode/1850649,如需转载请自行联系原作者






相关文章
|
JavaScript 前端开发
使用jQuery操作DOM元素
使用jQuery操作DOM元素
|
JavaScript 前端开发 索引
JQuery样式操作、click事件以及索引值-选项卡应用示例
JQuery样式操作、click事件以及索引值-选项卡应用示例
108 1
|
JavaScript
jQuery遍历div,判断是否为空,为空时执行某个操作
jQuery遍历div,判断是否为空,为空时执行某个操作
|
缓存 JavaScript
|
JavaScript 前端开发
前端基础 -JQuery之 对属性的操作
前端基础 -JQuery之 对属性的操作
89 0
|
JavaScript 前端开发 安全
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
119 5
|
JavaScript 前端开发 API
前端框架与库 - jQuery基础与DOM操作
【7月更文挑战第18天】jQuery 是一个简化JavaScript任务的库,以其“write less, do more”理念著称。核心功能包括DOM操作、事件处理和Ajax。DOM操作如选择元素(`$(&quot;p&quot;)`、`$(&quot;#myDiv&quot;)`、`$(&quot;.myClass&quot;)`)、创建及添加元素、修改属性和内容。事件处理如绑定(`click`)和触发(`trigger`)。常见问题涉及`$`符号冲突(使用`jQuery`代替)、异步加载管理和选择器性能优化。了解并规避这些问题能提升jQuery使用效率。
109 0
N..
|
JavaScript 前端开发 容器
jQuery中的DOM操作
jQuery中的DOM操作
N..
135 1
|
前端开发 JavaScript
|
前端开发 JavaScript Java
第四章使用jQuery操作DOM元素
第四章使用jQuery操作DOM元素