通过jquery获取元素的文本内容

时间:2016-01-22 19:43:11

标签: javascript jquery html

我想获得我的dt的内容,将它们设置为输入的值attr。 这是我的代码。

// Html / php inline

$c=1;
          while($user=mysqli_fetch_array($usersQryResult)){
            echo"
                <tr>
                    <td>$c</td>
                    <td>$user[user]</td>
                    <td>$user[pass]</td>
                    <td>$user[email]</td>
                    <td>$user[level]</td>
                    <td>$user[status]</td>
                    <td>$user[lastlogin]</td>
                    <td><i onclick=\"editUser($user[id],this)\" class='fa fa-pencil-square-o' title='edit user info'></i></td>
                    <td><i onclick=\"deleteUser($user[id],this)\" class='fa fa-trash-o deletUser' title='remove user' ></i></td>                    
                </tr>
            ";
            $c++;

// JS / jquery的

function editUser(id,thisObj){
  var contents=$(thisObj).parent().siblings().text();
  $("#chUserName").val(contents[1]);
  $("#chUserPass").val(contents[2]);
  $("#chUserEmail").val(contents[5]);
}

contens[1]contents[2]content[3]返回我的userName的3个字符:例如:“Hamid”。将返回H a m !!!?/

1 个答案:

答案 0 :(得分:1)

我会建议您为每个<td>分配一个课程,以便您可以直接在父母的上下文中为每个<td>提供帮助。像这样:

<td class="user">$user[user]</td>
<td class="password">$user[pass]</td>
<td class="email">$user[email]</td>
<td class="level">$user[level]</td>
<td class="status">$user[status]</td>

然后,你的JS可能是这样的:

function editUser(id,thisObj){
var context=$(thisObj).patent().parent();
$("#chUserName").val($(".user",context).text());
$("#chUserPass").val($(".password",context).text());
$("#chUserEmail").val($(".email",context).text());