Замените ширину и высоту строки в строке

Question

Я пытаюсь поиграть с изменяемыми размерами, в данном случае одним изображением. это работает, но я не могу заменить исходную ширину и высоту новыми размерами, что я делаю не так?

var codigo = '<div style="text-align: left;"><img src="../pics/bom.jpg" id="bom.jpg" title="" alt="" style="border: 1px solid;"  height="167px" width="167px"></div>';
// 

if(pic = $(codigo).find('img').attr('id', que_pic)) {
     alert(largura_final_imagem+" "+altura_final_imagem); // 400px
     alert($(pic).attr('width')+" "+$(pic).attr('height')); // 400px

     if($(pic).removeAttr('width')) {
       $(pic).attr('width', largura_final_imagem);
       if($(pic).removeAttr('height')) {
           $(pic).attr('height', altura_final_imagem);
       }
     } else {
        alert("Error resizing your image!");
     }
     alert($(pic).attr('width')); // 0
     alert($(pic).attr('height')); // 0
     novo_html = codigo;
     alert(novo_html); // same string without changes
  }

Спасибо

Pluda

Answer 1

Для получения / установки высоты / ширины используйте функции высота и ширина .

Например:

var picHeight = $(pic).height(); // get height
$(pic).height(500); // set height

Answer 2

работает больше или меньше: -)

если добавить в конце это

`var txt_codigo = document.createElement ('TEXTAREA'); txt_codigo.id = 'txt_codigo'; $ (txt_codigo) .css ('width', '100%'); $ (txt_codigo) .css ('height', '200px'); $ (Txt_codigo) .val (novo_html); . $ ( "Тело") перед именем (txt_codigo);

` вы заметите, что теперь контейнер div строки отсутствует ...

Еще раз спасибо

Pluda

Answer 3

Я изменил ваш код, чтобы заставить его работать (также доступен по адресу http://jsfiddle.net/ahwv6/1/). Мне также пришлось добавить несколько переменных, которые вы увидите ниже.

var codigo = '<div style="text-align: left;"><img src="../pics/bom.jpg" id="bom.jpg" title="" alt="" style="border: 1px solid;"  height="167px" width="167px"></div>';
// 
var largura_final_imagem = 100;
var altura_final_imagem= 100;
var $codigo = $(codigo);
var $pic = $codigo.find('img');


 alert(largura_final_imagem+" "+altura_final_imagem); 
 alert($pic.attr('width')+" "+$pic.attr('height')); 

 $pic.attr('width', largura_final_imagem);
 $pic.attr('height', altura_final_imagem);

 alert($pic.attr('width')); 
 alert($pic.attr('height')); 
 var novo_html = $codigo.html();
 alert(novo_html); // same string without changes

Многие ваши чеки были ненужными, поэтому я удалил их.

Надеюсь, это поможет.