Check Elternteil Div-Element enthält Klasse

Question

Ich habe eine Klasse in einem Div-Element. Dieses div-Element ist innerhalb eines anderen div-Elements vorhanden. Überprüfen, ob das Eltern-Div-Element diese Klasse enthält. Oder Wie durchqueren Sie vom übergeordneten div-Element zum inneren div-Element und überprüfen Sie die Klasse?

Answer 1

Verwenden Sie den css-Selektor >, um zu prüfen, ob ein Element genau eine Ebene innerhalb eines anderen Elements ist.

var innerDiv = document.querySelector("#parent_div_id > div > .innerClass"); 

if(innerDiv) { // yes, it exists! 

querySelector docs.

Answer 2

function hasClass(ele, klassName) { 
// First we get the value of the ele's class-attribute with `ele.className`. 
// That can return an empty string, or one class-name, or several class-names 
// separated by spaces. To regard these cases, we pre- and append spaces, before 
// checking for the occurence of the passed `klassName` with `indexOf()`. 
    return (' ' + ele.className + ' ').indexOf(' ' + klassName + ' ') > -1 
} 

function firstChildEleHasClass(ele, klassName) { 
    ele = ele.firstElementChild 
    return hasClass(ele, klassName) 
} 

function parentEleHasClass(ele, klassName) { 
    ele = ele.parentElement 
    return hasClass(ele, klassName) 
}