JQuery와 klout 숨기기 이름 값

나는 사용하여 내 사이트에 내 이름 값을 숨기기 위해 jQuery를 사용하는 것을 시도하고있다 :JQuery와 klout 숨기기 이름 값

jQuery(document).ready(function() { 
    jQuery("iframe#kloutframe").contents().find(".user").hide(); 
});

klout 위젯 :

<div align="center"><iframe name="kloutframe" src="http://widgets.klout.com/badge/chrishough?size=s&text_color=ffffff" style="border:0" scrolling="no" allowTransparency="true" frameBorder="0" width="120px" height="59px"></iframe></div>

불을 지르고에서 복사 outout 프레임 HTML :

<div align="center"> 
<iframe width="200px" scrolling="no" height="98px" frameborder="0" allowtransparency="true" style="border:0" src="http://widgets.klout.com/badge/chrishough?text_color=ffffff" name="kloutframe"> 
<html> 
<head> 
<body> 
<div class="badge_cont"> 
<a target="_blank" onclick="mpmetrics.track('widgets-badget-click', {'referer':'http://noconformity.co/chrishough/'});" href="http://klout.com/chrishough"> 
<div class="tile"> 
<div class="content"> 
<div class="user"> 
<div id="klout_name">chrishough</div> 
</div> 
</div> 
</a> 
</div> 
<script language="javascript" type="text/javascript" src="http://static.chartbeat.com/js/chartbeat.js"> 
</body> 
</html> 
</iframe> 
</div>

네, 센터링을위한 약간의 인라인 CSS입니다.하지만 그 부분을 수정하려고합니다.

어떤 이유로 jquery는 요소를 숨길 수 없습니다. 생각?

출처

2011-10-20 Chris Hough