ersetzen Methode funktioniert nicht

Question

Ich versuche, die width und height Attribut aus den Iframes zu entfernen und entfernen Sie alle Newline-Zeichen aus meiner Eingabe. Also habe ich folgendes gemacht:

var convert; 
$(".button1").click(function(){ 
    console.log("done"); 
    var convert = document.getElementById("convert").value; 
    convert = convert.replace(/\r?\n/g, ''); 
    //convert = convert.replace("width=\'500\' height=\'294\'") 
    convert= convert.replace("width=", ''); 
    convert = convert.replace("height=", ''); 
    convert= convert.replace("'500'", ''); 
    convert= convert.replace("'294'", ''); 
    console.log(convert); 
}) 

Aber es hat inkonsistente Ergebnisse. Manchmal funktioniert es und manchmal nicht.
Ich habe den auskommentierten Teil auch ausprobiert, aber das funktioniert auch nicht.

Es verwaltet immer die Zeilenumbrüche zu entfernen und die Eingabe eine einzeilige Zeichenfolge, aber es gelingt nicht alle width auszulöschen und height Attribute aus einer großen Zeichenfolge wie folgt:

<li> <h1 class="liname">বীরশ্রেষ্ঠ মোস্তফা কামালঃ-</h1> <div class="iframe"><iframe src="https://www.youtube.com/embed/uZuzPrQ9X_w?&theme=dark&autohide=2&fs=0&rel=0"frameborder="0"></iframe></div> </li> <li> <h1 class="liname">বীরশ্রেষ্ঠ মতিউর রহমান:-</h1> <div class="iframe"><iframe width='500' height='294' src="https://www.youtube.com/embed/u1thP64dhrk?&theme=dark&autohide=2&modestbranding=1&fs=0&showinfo=0&rel=0"frameborder="0"></iframe></div> </li> <li> <h1 class="liname">বীরশ্রেষ্ঠ নূর মোহাম্মদ:-</h1> <div class="iframe"><iframe width='500' height='294' src="https://www.youtube.com/embed/Xjf6CO2bWW8?&theme=dark&autohide=2&modestbranding=1&fs=0&showinfo=0&rel=0"frameborder="0"></iframe></div> </li> <li> <h1 class="liname">বীরশ্রেষ্ঠ মোহাম্মদ রুহুল আমিন :-</h1> <div class="iframe"><iframe width='500' height='294' src="https://www.youtube.com/embed/CpDdMNNkkck?&theme=dark&autohide=2&modestbranding=1&fs=0&showinfo=0&rel=0"frameborder="0"></iframe></div> </li> <li> <h1 class="liname">বীরশ্রেষ্ঠ মুন্সী আবদুর রউফ:-</h1> <div class="iframe"><iframe width='500' height='294' src="https://www.youtube.com/embed/oUgsJSUHZlM?&theme=dark&autohide=2&modestbranding=1&fs=0&showinfo=0&rel=0"frameborder="0"></iframe></div> </li> <li> <h1 class="liname">বীরশ্রেষ্ঠ হামিদুর রহমান :-</h1> <div class="iframe"><iframe width='500' height='294' src="https://www.youtube.com/embed/74hSM6rGwq4?&theme=dark&autohide=2&modestbranding=1&fs=0&showinfo=0&rel=0"frameborder="0"></iframe></div> </li> <li> <h1 class="liname">বীরশ্রেষ্ঠ জাহাঙ্গীর :-</h1> <div class="iframe"><iframe width='500' height='294' src="https://www.youtube.com/embed/ctVFVaAmG7w?&theme=dark&autohide=2&modestbranding=1&fs=0&showinfo=0&rel=0"frameborder="0"></iframe></div> </li> 

Die Oberhalb der Codezeile befindet sich die Eingabe nach dem Entfernen der Zeilenumbrüche.

Der eigentliche HTML-Code mit Zeilenumbrüchen ist unten:

<li> 
    <h1 class="liname">বীরশ্রেষ্ঠ মোস্তফা কামালঃ-</h1> 
    <div class="iframe"><iframe src="https://www.youtube.com/embed/uZuzPrQ9X_w?&theme=dark&autohide=2&fs=0&rel=0"frameborder="0"></iframe></div> 
</li> 
<li> 
    <h1 class="liname">বীরশ্রেষ্ঠ মতিউর রহমান:-</h1> 
    <div class="iframe"><iframe width='500' height='294' src="https://www.youtube.com/embed/u1thP64dhrk?&theme=dark&autohide=2&modestbranding=1&fs=0&showinfo=0&rel=0"frameborder="0"></iframe></div> 
</li> 
<li> 
    <h1 class="liname">বীরশ্রেষ্ঠ নূর মোহাম্মদ:-</h1> 
    <div class="iframe"><iframe width='500' height='294' src="https://www.youtube.com/embed/Xjf6CO2bWW8?&theme=dark&autohide=2&modestbranding=1&fs=0&showinfo=0&rel=0"frameborder="0"></iframe></div> 
</li> 
<li> 
    <h1 class="liname">বীরশ্রেষ্ঠ মোহাম্মদ রুহুল আমিন :-</h1> 
    <div class="iframe"><iframe width='500' height='294' src="https://www.youtube.com/embed/CpDdMNNkkck?&theme=dark&autohide=2&modestbranding=1&fs=0&showinfo=0&rel=0"frameborder="0"></iframe></div> 
</li> 
<li> 
    <h1 class="liname">বীরশ্রেষ্ঠ মুন্সী আবদুর রউফ:-</h1> 
    <div class="iframe"><iframe width='500' height='294' src="https://www.youtube.com/embed/oUgsJSUHZlM?&theme=dark&autohide=2&modestbranding=1&fs=0&showinfo=0&rel=0"frameborder="0"></iframe></div> 
</li> 
<li> 
    <h1 class="liname">বীরশ্রেষ্ঠ হামিদুর রহমান :-</h1> 
    <div class="iframe"><iframe width='500' height='294' src="https://www.youtube.com/embed/74hSM6rGwq4?&theme=dark&autohide=2&modestbranding=1&fs=0&showinfo=0&rel=0"frameborder="0"></iframe></div> 
</li> 
<li> 
    <h1 class="liname">বীরশ্রেষ্ঠ জাহাঙ্গীর :-</h1> 
    <div class="iframe"><iframe width='500' height='294' src="https://www.youtube.com/embed/ctVFVaAmG7w?&theme=dark&autohide=2&modestbranding=1&fs=0&showinfo=0&rel=0"frameborder="0"></iframe></div> 
</li> 

Answer 1

Ich weiß nicht, was ist der Code über, aber alles, was Sie tun müssen, ist:

$(".button1").click(function(){ 
    $('iframe').removeAttr('width').removeAttr('height'); 
})