0

こんにちは、私はグーグルとそのウェブサイトのどこでも多くの検索を行ってきましたが、セレクターに間違いなく問題があります.

こんにちは、php によって生成された動的テーブルがあります。コンテンツを編集するためのボタンがいくつかあるので、編集ボタンをクリックしながら編集しようとしましたが、適切なアイテムが見つからないようです。実際には何も見つかりません。

実際に私は持っています:

editという各行のボタンと呼ばれるクラスがありますchanger_etat

それから私はjqueryコードを持っています:

$('.changer_etat').click(function(){
   var date_depart = $(this).closest('tr').find('span.date_depart').val();
   console.log(date_depart);
});

クリックしたボタンが現在どこにあるspanかdate_etatを探します。tr

しかし、実際には何も返されません。私は多くのことを試し、いくつかの検索を行いましたが、成功しませんでした。

私はこれを試しました

$('.changer_etat').click(function(){ var date_depart = $(this).closest('span.date_depart').val(); console.log(date_depart); });

undefined を返す

どんな種類の助けも大歓迎です。

4

4 に答える 4

2

.val()ではなく、 need .text()または.html( ) を使用してください

$('.changer_etat').click(function(){
   var date_depart = $(this).closest('tr').find('span.date_depart').text();
   console.log(date_depart);
});
于 2013-10-30T17:05:16.490 に答える
1

テーブルが動的に生成されるため、動的セレクターを使用する必要がある場合があります。また、他の人が指摘したように、スパンのhtmlhtmlを取得しているため、使用したいと思うでしょう。スパンには値属性がありません。

$('html').on('click', '.changer_etat', function(){
   var date_depart = $(this).closest('tr').find('span.date_depart').html();
   console.log(date_depart);
});
于 2013-10-30T17:04:44.027 に答える
1

使用するhtml()

$('.changer_etat').click(function(){
   var date_depart = $(this).closest('tr').find('span.date_depart').html();
console.log(date_depart);
});
于 2013-10-30T17:05:23.487 に答える
0

「find('span.date_depart')」と「date_etat というスパンを検索」の間にタイプミスはありますか? 少なくともこれは Firefox 25.0 / Linux で動作します:

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('.changer_etat').click(function() {
                var date_depart = $(this).closest('tr').find('span.date_etat').html();
                console.log("date_depart="+date_depart);
            });
        });
    </script>
</head>
<body>
    <table>
        <tbody>
            <tr><td><span class="date_etat">i am content 1</span></td><td><button class="changer_etat">button action</button></td></tr>
            <tr><td><span class="date_etat">i am content 2</span><button class="changer_etat">button action</button></td></tr>
        </tbody>
    </table>
</body>
</html>
于 2013-10-30T17:26:37.230 に答える