Wie kann ich herausfinden, was Div ein Div mit Javascript ist?

Question

Ich habe eine Seite, die 4 statische Divs mit IDs enthalten wird. Ich werde Scriptable Dragable- und Droppable-Effekte hinzufügen, um die Interaktion zu ermöglichen, indem viele dynamisch generierte Divs von einem Div in ein anderes verschoben werden.

Ich muss in der Lage sein herauszufinden, welche der statischen Divs die dynamischen divs sind. Wie kann ich diese Informationen erhalten?

Answer 1

Kommentatoren siehe Hinweis Skriptatische Methoden, um dies zu tun, aber es ist immer wert zu wissen, wie man grundlegende DOM-Manipulation dieser Art ohne Krücken durchführen kann. Dieser Code ist nicht getestet, aber sicherlich sehr nahe, was Sie verwenden möchten würde:

/** 
* Finds the ancestor div element of descendantDiv which has one of 
* the given array of ids. If multiple div elements have with the 
* given ids are ancestors of descendantDiv, the most closely related 
* one (i.e. parent preferred to grandparent) is returned. If no 
* ancestor of descendantDiv is a div element with one of the ids 
* given by ids, returns null. 
* 
* @param descendantDiv : HTMLDivElement 
* the div element whose containing div with one of the provided 
* ids is to be determined 
* @param ids : [string] 
* array of ids which the desired ancestor div might have 
* @returns HTMLDivElement 
* the first parent, grandparent, etc. div element of descendantDiv 
* which has an id contained in ids 
*/ 
function findAncestorDivWithId(descendantDiv, ids) 
{ 
    for (var parent = descendantDiv.parentNode; 
     parent; 
     parent = parent.parentNode) 
    { 
    if (parent.nodeName.toLowerCase() !== "div") 
     continue; 
    for (var i = 0, sz = ids.length; i < sz; i++) 
    { 
     if (parent.id === ids[i]) 
     return parent; 
    } 
    } 
    return null; 
} 

Answer 2

Da Sie planen Scriptaculous verwenden möchten, können Sie dies mit Prototype leicht tun:

if ($("dynamicElement").descendantOf("staticElement")) 
{ 

} 

Answer 3

soweit ich verstehe Ihre Frage Sie alle Childs (oder alle Kind divs) finden wollen eines bekannten Element ?

Wenn Sie scriptaculous verwenden, können Sie die Methode childElements vom Prototyp verwenden. siehe http://prototypejs.org/api/element/childElements für Details.

willkommen zu stackoverflow.