Umgang mit jQuery click-events innerhalb einer Tabelle

Ich habe eine Tabelle mit mehreren Zeilen, die jeweils mit einem Knopf und einem Textfeld.

Was ist der einfachste Weg, um die trigger-Warnung mit einer textbox Wert?

  • textbox? textarea meinst du? Warnung, auf welche Aktion?
InformationsquelleAutor mko | 2011-10-26
  1. 7

    Können Sie binden Sie einen click-Ereignishandler für die Schaltfläche, die durchläuft, bis der DOM seine mit <tr>, und findet dann den textbox-von dort:

    //Bind a click handler to all buttons in the table...
$('table :button').click(function () {

  var text = $(this)    //"this" is the button which was clicked
    .closest('tr')      //find the <tr> which contains it...
    .find(':text')      //find the text box within that <tr>...
    .val();             //and get its value

  alert(text);
});
    InformationsquelleAutor meagar
  2. 3

    Wenn die text-Eingabe und dem button sind nur zwei in einer Reihe ( <tr> ), dann können Sie verwenden einen Ereignis-handler wie diese:

    $('#table_id').delegate('a', function () {
    alert($(this).closest('tr').find('input[type="text"]').val());
});

    Wenn der button ist ein Formular-element, können Sie ersetzen die 'a' Selektor mit 'input[type="button"]'.

    InformationsquelleAutor Jasper
Schreibe einen Kommentar