ITPub博客

首页 > IT职业 > IT生活 > jQuery操作示例

jQuery操作示例

IT生活 作者:mac_xuyi 时间:2021-09-09 10:06:56 0 删除 编辑

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

<!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 class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="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()

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4273/viewspace-2816676/ ,如需转载,请注明出处,否则将追究法律责任。

下一篇: 表格
请登录后发表评论 登录
全部评论

注册时间:2019-08-12

  • 博文量
    75
  • 访问量
    497