0

私はいくつかのマークアップを持っています:

    <table>
    <tbody>
        <tr>
            <td>
                <input type="hidden" class="deleted" value="False" />
                <input type="button" class="rtButton" value="RT" />
            </td>                               
        </tr>
        <tr>
            <td>
                <input type="hidden" class="deleted" value="False" />
                <input type="button" class="rtButton" value="RT" />
            </td>                               
        </tr>
        <tr>
            <td>
                <input type="hidden" class="deleted" value="False" />
                <input type="button" class="rtButton" value="RT" />
            </td>                               
        </tr>
    </tbody>
</table>

私が望んでいるのは、rtButton がクリックされたときに、同じ td 内の非表示の入力だけの値が true に変更されることです。

私はこれを達成しようとしました：

$(function(){

    $('.rtButton').click(function () {
        $(this).closest('input.deleted').val("True");
        alert( $(this).closest('input.deleted').val())
            });


});

ただし、値を設定できないようです。

4

3 に答える 3

1

またはこのように：作業デモ http://jsfiddle.net/qZBkt/

これがあなたの原因を養うことを願っています!:)

コード

$(function() {

    $('.rtButton').click(function() {
        $(this).parent().find('.deleted').val("True");
        alert($(this).parent().find('.deleted').val());
    });


});​
于 2012-08-07T21:57:24.610 に答える
0

.closest()祖先要素を検索して一致するものを探します。.prev()またはを使用.siblings()して入力を選択します

$(function(){

    $('.rtButton').click(function () {
        $(this).prev('input.deleted').val("True");
        alert( $(this).siblings('input.deleted').val())
            });


});

http://jsfiddle.net/naaeM/1/

于 2012-08-07T22:03:18.880 に答える