jQuery는 IE8에서 .has를 지원하지 않습니다? 주위에 어떤 일이 일어나는가?

Question

코드 : http://jsfiddle.net/4hV6c/4/ 은 어떤 선택을, 당신은

나는이 할 노력하고있어 IE8

에서 스크립트 오류가 발생합니다 :

$(end_node.parentNode).has(start_node) 

하는 최신 브라우저에서 (크롬, FF, 오페라 , etc.)는 start_node가 end_node.parentNode에 없으면 []를 반환하고 요소가 발견되면 반환합니다.

이제 end_node는 텍스트 요소이고 parentNode는 실제 DOM 엔터티입니다. IE는 수행 할 것이다. 단지 $(end_node).has(start_node)에있다. 그러나 그것은 명백하게 다른 행동이다.

작동시키기위한 해결 방법이 있습니까?

• IE에서 바이올린 오류가 발생합니다. 다른 브라우저는 부울 값으로 경고합니다.

업데이트 : 내 특정 시나리오에서 .has()를 재정의하는 단어가 있습니다. 모든 것을 잘 모르는 경우 .has의 모든 사례에서 작동하는지 확실하지 않습니다. http://jsfiddle.net/8F57r/13/

Answer 1

문제는 하지 jQuery를하지만

console.log($("div:has(span)").html()); 
console.log($("div").has($("span")[0]).html()); 

실행

이

, 다음과 같은 예외를 throw이다 http://jsfiddle.net/mendesjuan/4hV6c/8/

var textNode = $("span")[0].childNodes[0]; 
$("div").has(textNode); 

즉, $.has에 텍스트 노드를 전달할 수 없다는 의미입니다. 당신은

jQuery를

와 노드의 contains 메소드를 호출하려고 다음과 같은 메시지

No such interface supported jquery-1.7.1.js, line 5244 character 3

에게주고 밖으로 erroring되는 라인을 버그를 제출해야한다. 이것이 의미하는 바는 jQuery가 작동하지 않는 IE 버그입니다. 난 당신이 원하는 것을 찾을 수 있습니까 $.hashttp://jsfiddle.net/4hV6c/10/

// This is broken in IE 
var textNode = $("span")[0].childNodes[0]; 
var divNode = $("div")[0]; 
divNode.contains(textNode); 

해결http://jsfiddle.net/4hV6c/12/

function contains(outer, inner) { 
    var current = inner; 
    do { 
     if (current == outer) { 
      return true; 
     } 
    } while((current = current.parentNode) != document.body); 

    return false; 

} 
rangy.init(); 

$(document).bind("mouseup", function() { 
    var a = rangy.getSelection(); 
    start_node = a.anchorNode; 
    end_node = a.focusNode; 
    var b = a.getRangeAt(0); 
    var c = b.commonAncestorContainer; 
    b.selectNodeContents(c); 
    a.setSingleRange(b); 
    alert(contains(end_node.parentNode, start_node)); 
}); 

Answer 2

언제나 DIY 할 수 있습니까? :) 재귀 자식 인덱싱은 매우 빠르게 작동하며 구현하기가 쉽습니다.

훌륭한 튜토리얼 여기를 참조하십시오 :

http://blog.swapnilsarwe.com/javascript-traversing-html-dom-recursively.html

Answer 3

를 호출 할 필요없이 문제를 재현 한?

rangy.init(); 

$(document).bind("mouseup", function() { 
    var a = rangy.getSelection(); 
    start_node = a.anchorNode; 
    end_node = a.focusNode; 
    var b = a.getRangeAt(0); 
    var c = b.commonAncestorContainer; 
    b.selectNodeContents(c); 
    a.setSingleRange(b); 
    alert($(end_node.parentNode).find(start_node).length > 0); 
});​