모든 부모를 얻고

Question

<form class="register"> 
    <div class="form-group"> 
     <input type="submit" value="Signup" class="btn btn-submit" /> 
    </div> 
    <div class="form-group needAccount" id="req_val"> 
     <a href="#" class="toggleForms">Login from here</a> 
    </div> 
</form> 

이 지금은이 양식을 통과하고 마지막 div#req_val의 모든 학부모 싶어 문자열에 저장하므로 출력 당신은 부모를 통해 통과 할 수

form.register div.form-group.needAccount#req_val 

Answer 1

즉 문자열이어야한다 .parents()을 사용하여 직접 생성하십시오. 아래의 샘플 구현을 참조하십시오

// returns <tag-name>[.<class1>[.<class2>] ...][#<id>] for the passed element 
function getSelector(_elem) { 
    var parts = [_elem.tagName].concat(_elem.className.split(/\s+/).map(function(_class) { 
     return (_class ? '.' + _class : ''); 
    })); 
    _elem.id && parts.push('#' + _elem.id); 
    return parts.join(''); 
} 

var elem = $('#req_val'), parents = elem.parents(), str = []; 
parents.each(function() { // add parents 
    str.unshift(getSelector(this)); // unshift since parents() gives you the nearest parent first 
}); 
str.push(getSelector($('#req_val')[0])); // add self 
str = str.join(' '); // join with space 

console.log(str); 

데모 : http://jsfiddle.net/wu41vwuf/

Answer 2

당신이 사용할 수있는 parents() 또는 .parentsUntil() (폼에서 중지해야하는 경우).

.parents()에는 현재 요소 자체가 포함되어 있지 않으므로 결과 집합에 .add()이 필요합니다. 그런 다음 세트를 통해 .map()을 작성하고 세트의 각 요소에 대해 원하는 문자열을 작성하십시오. .get()을 사용하여 DOM 요소를 jQuery 세트에서 가져온 다음 .join() 문자열로 가져옵니다.

form 주위에 div을 하나 더 포함하여 .parents()이 (가) 트리를 어떻게 지나가고 있는지 알 수 있습니다.

발췌문 :

var $parents = $("#req_val").parents().add("#req_val"); 
 
var str = $parents.map(function() { 
 
    var retVal = this.tagName; 
 
    retVal += this.id ? '#' + this.id : ''; 
 
    retVal += this.className ? '.' + this.className.replace(' ', '.') : ''; 
 
    return retVal; 
 
}).get().join(' '); 
 

 
$("#result").text(str);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <form class="register"> 
 
     <div class="form-group"> 
 
      <input type="submit" value="Signup" class="btn btn-submit" /> 
 
     </div> 
 
     <div class="form-group needAccount" id="req_val"> <a href="#" class="toggleForms">Login from here</a> 
 

 
     </div> 
 
    </form> 
 
</div> 
 
<hr /> 
 
<p id="result"></p>