도메인 간 iframe의 자식 노드를 숨기려면

Question

(Tampermonkey) 사용자 스크립트로 일부 단어가있는 주석을 숨기고 싶습니다. 예를 들어, 나는 게시물

<div class="post-body"> 
<header> 
... 
</header> 
<div class="post-body-inner"> 
<div class="post-message-container" data-role="message-container"> 
<div class="publisher-anchor-color" data-role="message-content"> 
<div class="post-message " data-role="message" dir="auto"> 
<p>Abbas is nothing but puppet dog of Western savages and Nazis who want to enslave entire world.</p> 
</div> 
... 
</div> 

위해 다음 코드를 사용하여 페이지 http://www.cnn.com/2014/07/08/world/meast/mideast-tensions/index.html?hpt=hp_t1에 스크립트를

// ==UserScript== 
// @name  Hide CNN 
// @match  http://www.cnn.com/* 
// @require  http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js 
// @grant  GM_addStyle 
// @run-at document-end 
// ==/UserScript== 

$('div.post-body:contains("Abbas")').hide() 

을 적용하려하지만 스크립트는 아무것도하지 않는 것. 내가 도대체 ​​뭘 잘못하고있는 겁니까? 사용자 스크립트로 웹 페이지의 동적으로로드 된 부분을 필터링하는 것이 가능합니까?

UPD : 문제는 주석이 다른 도메인의 iframe에로드된다는 것입니다. Tampermonkey로 이러한 iframe의 자식 노드를 숨기려면 어떻게해야합니까? 어떻게 든 GM_xmlhttpRequest을 사용해야합니까?

Answer 1

Disqus- 평점은 일반적으로 <iframe>에로드됩니다. 따라서 스크립트를 기본 사이트에서 실행하도록 설정하는 대신 iframe src URL에서 실행되도록 설정하십시오. 이 경우 http://disqus.com/embed/comments/...

또한이 주석은 AJAX로 구동됩니다. 따라서 AJAX savvy techniques을 사용해야합니다. 이 같은

스크립트는 (셀렉터를 조정해야 할 수도 있습니다) 작동합니다 :

// ==UserScript== 
// @name  Hide select CNN comments 
// @match http://disqus.com/embed/comments/* 
// @require http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js 
// @require https://gist.github.com/raw/2625891/waitForKeyElements.js 
// @grant GM_addStyle 
// ==/UserScript== 
/*- The @grant directive is needed to work around a design change 
    introduced in GM 1.0. It restores the sandbox. 
*/ 

//--- Only run on comments for CNN pages 
if (/&f=cnn&/i.test (location.search)) { 
    waitForKeyElements ('li.post:contains("Abbas")', hideComment); 
} 

function hideComment (jNode) { 
    jNode.hide(); 
}