JQuery show() nach dem ausblenden()

HTML:

<table id="table1">
    <tr>
        <th>1</th>
        <th>2</th>
        <th>3</th>
    </tr>
    <tr>
        <td class="table1column1"><input type="text" id="idInput1" /></td>
        <td class="table1column2"><input type="text" id="idInput2" /></td>
        <td class="table1column3"><input type="text" id="idInput3" /></td>
        </tr>
</table>
<button>Hide-Text-Show</button>

JQuery:

$(document).ready(function() {
    $('button').click(function() {
        $('#idInput1').hide();
        $('.table1column1').text('Test');
        $('#idInput1').show();
    });
});

http://jsfiddle.net/QNxyG/

Ich verstehe nicht warum, wenn ich einen text im td-element der show () - Methode nicht funktioniert?

Dank

  • Die unten aufgeführten Antworten sind richtig, aber in der Zukunft, wenn Sie herausfinden wollen, für Ihr selbst, was passiert, dann schlage ich vor, beispielsweise firebug in firefox oder die Developer tools im Chrome oder IE.
  • Ich entschied sich schließlich für diese Lösung: jsfiddle.net/QNxyG/3
InformationsquelleAutor user1889867 | 2012-12-09
  1. 4

    http://jsfiddle.net/QNxyG/4/

    mit .text() überschreiben Sie alles, was in deinem Beispiel... so ist der Eingang nicht mehr existiert

    HTML

    <table id="table1">
    <tr>
        <th>1</th>
        <th>2</th>
        <th>3</th>
    </tr>
    <tr>
        <td class="table1column1"><span class="text" style="display:none;"></span><input type="text" id="idInput1" /></td>
        <td class="table1column2"><span class="text" style="display:none;"></span><input type="text" id="idInput2" /></td>
        <td class="table1column3"><span class="text" style="display:none;"></span><input type="text" id="idInput3" /></td>
    </tr>
</table>

<button>Hide-Text-Show</button>

    jQuery

    $(document).ready(function() {
    $('button').click(function() {
        var input = $('#idInput1');
        var text = input.parent('td').find('.text');
        text.text('text');
        text.toggle();
        input.toggle();
    });
});​
    • Also, wie kann ich Umschalten (hide/show) Eingabe und text in td? Zum Beispiel: der erste klicken Sie auf ausblenden, Eingaben und anzeigen von text, der zweite eine Karte, Eingabe-und ausblenden von text?
    • schau mal hier jsfiddle.net/QNxyG/4... setzen Sie ein leeres span mit display none und ein Klassenname und verwenden Sie toggle() anstelle von zeigen und verbergen
    • Danke!!! Genau das was ich suchte.
    • ok 🙂 ich habe gerade gebucht das vollständige Beispiel hier
    InformationsquelleAutor Mik
  2. 4

    Weil mit .text() überschreiben Sie die #idInput1 element (wird es entfernt), so dass die nächste $('#idInput1') nicht finden, ein element zu zeigen..

    InformationsquelleAutor Gabriele Petrioli
  3. 0
    $(document)
    .ready(function () {
    $('button')
        .click(function () {
        $('#idInput1')
            .hide(function () {
            $('.table1column1 input')
                .val('Test', function () {
                $('#idInput1')
                    .show();
            });
        });
    });
});
    • Bitte Ihr argument code
    InformationsquelleAutor Sergio Toledo Piza
Schreibe einen Kommentar