jquery 选择器用变量表示

最新推荐文章于 2022-11-03 14:01:39 发布

原创

最新推荐文章于 2022-11-03 14:01:39 发布 · 4.5k 阅读

2 ·

CC 4.0 BY-SA版权

这篇博客介绍了如何在jQuery选择器中使用变量。首先展示了如何将变量id添加到jQuery选择器中，例如`$("#"+User[i])`。接着说明了如何在`eq()`方法中使用变量，如`$("#testtable tr:eq(" + j + ") td:nth-child(2)").find("input").val()`。最后，提供了一个实例，说明如何将表格数据传递到对话框中。

1、变量id 添加到jquery中

var User = ["Uno", "Uname", "Usex", "Uid", "Ujob", "Udept", "Unow", "Ucphone", "Ucemail", "Uip", "Uphone", "Uhphone", "Uemail"];

$("#"+User[i])

注意：# 后面的整体作为一个变量

2、给：eq（）添加变量到选择器中

content[i] = $("#testtable tr:eq(" + j + ") td:nth-child(2)").find("input").val();

变量用+号连接

3、一个简单的例子，实现表格中的数据传到对话框中。

<%-- any content can be specified here e.g.: --%>
<%@ page pageEncoding="UTF-8" %>
<div class="x10">
    <div class="line margin-big-bottom bg-white">
        <div class="x1"></div>
        <div class="x2"><h4 class="text-sub now_address">个人信息</h4></div>
    </div>
    <div class="line margin-big-top">
        <div class="x1"></div>
        <div class="x2">
            <img src="../img/timg.jpg" width="128" height="128" class="img-border radius-circle" />
        </div>
        <!--个人信息显示，不可更改-->
        <div class="x7 self_info bg-white">
            <div class="fr margin-big-right margin-big-top"></div>
            <form>
                <fieldset>
                    <legend align="center">
                        <span class="icon-edit text-sub dialogs" id="editSelfInfo"
                              data-toggle="click" data-target="#mydialog" data-mask="1" data-width="40%">编辑</span></legend>

                    <table id="testtable">
                        <tr>
                            <td><label>人员编号：</label></td>
                            <td><input type="text" value="123" /></td>
                            <td><label>姓名：</label></td>
                            <td><input type="text" value="小方" /></td>
                        </tr>

                        <tr>
                            <td><label>

最低0.47元/天解锁文章