Verwendung des jQuery-Selektors mit einem Dom-Element

Question

Ich habe eine Javascript-Funktion, die ein Dom-Element als Parameter empfängt. In dieser Funktion versuche ich, zum nächsten Vorfahren "form" zu gelangen. Ich wollte zu verwenden:

function submit_form(obj)
{
    var form1 = $(obj).closest("form");
    alert (form1.id);
}

hier ist obj ein Dom-Element vom Typ submit. Ich scheine es einfach nicht zum Laufen zu bringen.
Kann mir bitte jemand helfen?

Answer 1

Sie wollen

function submit_form(obj)
{
    var form1 = $(obj).closest("form")[0];  
    alert (form1.id);
}

Das Ergebnis der jQuery-Auswahl-/Traversalfunktionen immer ist ein Array, möglicherweise mit nur einem Element, aber immer noch ein Array. Index in das Array, um tatsächliche DOM-Elemente zu erhalten.

Sie können dies jedoch auch ohne jQuery tun, solange obj ist ein Eingabe-/Auswahl-/Textarea-Element.

function submit_form(obj)
{
    var form1 = obj.form;  
    alert (form1.id);
}

Der Vollständigkeit halber könnten Sie auch in jQuery bleiben und Folgendes tun

function submit_form(obj)
{
    var $form1 = $(obj).closest("form");
    alert ( $form1.attr("id") );
}

Answer 2

function closest(obj, tagName) {

   // Go up in the tree until you find the ancestor form
   while (obj.parent !== null) {
      if (obj.nodeType === 1) {
         parent = obj.parentNode;
         if (parent.tagName === tagName) {
            return parent;
         }
      }   
   }

   // If no form exists return null
   if (obj.tagName !== tagName) {
      return null;
   }
}

Verwenden Sie es so

var closestForm = closest(obj, 'FORM')

Answer 3

form1 wäre ein jQuery-Objekt, also können Sie entweder .attr("id") oder auf das DOM-Element selbst mit [0].id :

var form1 = $(obj).closest("form");
alert(form1.attr("id"));

var form2 = $(obj).closest("form")[0];
alert(form2.id);