[Решено] jQuery и работа над элементами в iframe - Общие вопросы веб разработки

$("iframe").contents().find(".col2").css("width", count+"%");

jQuery(document).ready(function(){
$("#jform_params_content_menu-lbl").after("<div class='blank' id='addcols'><a>button</a></div>");

$( "#addcols" ).click(function(){

        $("iframe").contents().find(".right-menus").append("<div class='col2'>I'm in new Element!</div>");
             var count = 100/$("iframe").contents().find(".col2").length; 
              alert(count);

        $("iframe").contents().find(".col2").css("width", count+"%");
    });
 
});

$( "#addcols" ).click(function(){
$("iframe").contents().find(".col2").removeAttr('style'); //удалили style
        $("iframe").contents().find(".right-menus").append("<div class='col2'>I'm in new Element!</div>"); //вставили новый блок    

$("iframe").contents().find(".col2").attr('style', "width:'10px'"); //добавили новый атрибут
 // и атрибут не добавился, сработали только первые 2 строчки
  });

<script type="text/javascript">
jQuery(function($) {
  $("#catid").after("<br /><br /><span id='addcols' style='cursor:pointer;'>ClickMe</span>");
  $("#addcols").on("click",function(){
    $("body",$("iframe#text_ifr").contents()).append("<div class='col2' style='text-align:center; float:left;'>Hi, ELLE!<br />It works!</div>");
    var count = 100/$("body",$("iframe#text_ifr").contents()).find(".col2").length; 
    $("body",$("iframe#text_ifr").contents()).find(".col2").each(function(){
      $(this).css("width", count+"%");
    });
  });
});
</script>

jQuery(document).ready(function(){

$("#catid").after("<div class='button2-left' style='margin:10px;'><div class='blank' id='addcols'><a>Добавить колонку</a></div></div>");

$( "#addcols" ).click(function(){
       $("iframe#text_ifr").contents().append("<div class='col2'>I'm in new Element!</div>");
       var count = 100/$("iframe#text_ifr").contents().find(".col2").length;       
   $("iframe#text_ifr").contents().find(".col2").css("width", count+"%");  
 });

});