jeditableのためのjqueryでIDを取得する

私はサイトを作っていて、ユーザーが簡単に管理でき、記事を簡単に変更できるように、サイトの管理部分に取り組んでいます。 私は管理者が本当に使いやすいようにjeditableを使いたいと思っていました。

JEdi​​tableの一部が動作しています(pタグが入力になりつつあります)。しかし、私はajaxリクエストを通じて製品のIDを送るのに問題があります。

私が現在持っているhtmlコードは次のとおりです(phpによって生成されます):

    <table class="admin_list">
        <tr>
            <th style="width: 110px;">First Name</th>
            <th style="width: 110px;">Last Name</th>
            <th style="width: 100px;">Date of Birth</th>
            <th style="width: 200px;">Email</th>
            <th style="width: 140px;">Address</th>
            <th style="width: 112px;">Postal Code</th>
            <th style="width: 112px;">Town</th>
            <th style="width: 120px;">Country</th>
            <th style="width: 115px;">Login</th>
            <th style="width: 42px;">Action</th>
        </tr>

        <tr class="2">
            <td>

Another

</td> <td>

User

</td> <td>

11/11/1911

</td> <td>

[email protected]

</td> <td>

Address

</td> <td>

56130

</td> <td>

Town

</td> <td>

2

</td> <td>

bob

</td> <td> D U D </td> </tr> <tr class="1"> <td>

Daniel

</td> <td>

Lucas

</td> <td>

10/04/1990

</td> <td>

[email protected]

</td> <td>

myAddress

</td> <td>

12345

</td> <td>

myTown

</td> <td>

8

</td> <td>

dan

</td> <td> D U D </td> </tr> </table> <input type="text" class="edit_id" value="" />

ここに私が書いたjqueryがあります:

    $( function() {
        $('.admin_list tr').hover( function() {
            $('.edit_id').attr( 'value', $(this).attr('class') );
        });

        $('.editable').editable("http://localhost/monline/private_html/musiconline/?admin/edit/users/" + $('.edit_id').attr('value'), {
            indicator : 'Saving...',
            onblur : 'submit',
            method : 'PUT'
        });
    });

あなたが見ることができるように、私は現在の行のIDを取得しているマウスは、(私は避けたい)が、私はページを提出するときにIDがjeditableのURLに設定されていません。

私は管理パネルのインプレースエディタを使いたいので、これをどのようにソートできるのか誰にでも分かりますか?

オプションのリクエストとして、クリックされた入力を囲むtrのクラスを取得する方法はありますか?私は$(this).parent()。parent()。attr( 'class')の行に沿って何か試しました。

ありがとう ダン

1

1 答え

Have you tried (without the hover function, $(this).closest('tr').attr('value') should point to the relative <tr>)

 $('.editable').editable("http://localhost/monline/private_html/musiconline/?admin/edit/users/" + $(this).closest('tr').attr('value'), {
        indicator : 'Saving...',
        onblur : 'submit',
        method : 'PUT'
    });
0
追加された
返信いただきありがとうございます。 "<?php echo application :: getInstance() - > getUrl()。" /?admin/edit/users/'?> "+ $(this).closest(' tr ')。attr(' class ')、クロムネットワークツールを使ってアドレスを追跡したときには?admin/edit/users/undefined
追加された 著者 xonorageous,
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript