비슷한 태그/클래스를 가진 객체 내부에 중첩 된 요소

Question

일부 텍스트가있는 div가 있습니다. 이 div 안에 비슷한 태그의 모든 요소 배열을 가져와야합니다. 선택한 문자열 데이터를 변수에 저장하고이를 객체로 변환합니다. 이 문자열에 "sen"태그가있는 모든 요소를 ​​가져와야합니다. 'find'와 'filter'를 사용했지만 둘 다 불완전한 결과를 보았습니다. 여기에 배열이 필요합니다. 모든 'sen'태그, 즉 클래스 '.h351'에서 클래스 '.h356'까지입니다.

명확한 아이디어를 얻으려면 여기 test link 바이올린입니다. 결과를 보려면 콘솔을 확인하십시오.

JS 코드이 작동

var htmlSet = '<span xmlns="http://www.w3.org/1999/xhtml" class="reset black2"><sen name="351" class="h h351">Sagen</sen></span><sen xmlns="http://www.w3.org/1999/xhtml" name="352" class="h h352"> Sie bitte nicht, der Schüler verfüge nicht über die nötigen kognitiven Funktionen, um sich das derart verteilte Wissen überhaupt anzueignen.</sen><sen xmlns="http://www.w3.org/1999/xhtml" name="353" class="h h353"> Denn ebendiese Funktionen sind es, die sich mit dem Träger und durch den Träger ändern.</sen><sen xmlns="http://www.w3.org/1999/xhtml" name="354" class="h h354"> Durch die Schrift und den Buchdruck etwa hatte das Gedächtnis sich so sehr gewandelt, daß Montaigne sagen konnte, er ziehe einen wohlbeschaffenen einem wohlgefüllten Kopf vor.</sen><sen xmlns="http://www.w3.org/1999/xhtml" name="355" class="h h355"> Dieser Kopf ist unterdessen noch einmal mutiert.</sen><sen xmlns="http://www.w3.org/1999/xhtml" name="356" class="h h356"></sen>'; 
var htmlSetArr = $(htmlSet).find('sen'); 
console.log("array using find"); 
console.log(htmlSetArr); 
var htmlSetArr1 = $(htmlSet).filter('sen'); 
console.log("array using filter"); 
console.log(htmlSetArr1); 

Answer 1

나는 할 수 이런 식으로하여 정렬합니다. 다른 div의 내용을 감싸고 '찾기'가 잘되었습니다.

여기에 업데이트 바이올린 link이 있습니다.

JS 코드

var htmlSet = '<span xmlns="http://www.w3.org/1999/xhtml" class="reset black2"><sen name="351" class="h h351">Sagen</sen></span><sen xmlns="http://www.w3.org/1999/xhtml" name="352" class="h h352"> Sie bitte nicht, der Schüler verfüge nicht über die nötigen kognitiven Funktionen, um sich das derart verteilte Wissen überhaupt anzueignen.</sen><sen xmlns="http://www.w3.org/1999/xhtml" name="353" class="h h353"> Denn ebendiese Funktionen sind es, die sich mit dem Träger und durch den Träger ändern.</sen><sen xmlns="http://www.w3.org/1999/xhtml" name="354" class="h h354"> Durch die Schrift und den Buchdruck etwa hatte das Gedächtnis sich so sehr gewandelt, daß Montaigne sagen konnte, er ziehe einen wohlbeschaffenen einem wohlgefüllten Kopf vor.</sen><sen xmlns="http://www.w3.org/1999/xhtml" name="355" class="h h355"> Dieser Kopf ist unterdessen noch einmal mutiert.</sen><sen xmlns="http://www.w3.org/1999/xhtml" name="356" class="h h356"></sen>'; 
htmlSet = '<div>'+htmlSet+'</div>'; 
var htmlSetArr = $(htmlSet).find('sen'); 
console.log("array using find"); 
console.log(htmlSetArr); 
console.log($(htmlSet).find('.h')) 
var htmlSetArr1 = $(htmlSet).filter('sen'); 
console.log("array using filter"); 
console.log(htmlSetArr1); 

Answer 2

:

$('.h').each(function(e){ 
    console.log($(this)); 
}); 

또는 센 태그를 사용하여 :

// Using the sen tag... 
$('sen').each(function(e){ 
    console.log($(this)); 
}); 

https://jsfiddle.net/kxt4x55m/5/