替换方法不起作用

时间:2017-06-05 01:13:26

标签: javascript jquery string

我尝试从iframe中删除widthheight属性,并从我的输入中删除所有换行符。所以我做到了:

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);
})

但结果不一致。有时它有效,有时它不会 我也尝试过注释掉的部分,但这也不起作用。

它始终设法删除换行符并使输入成为一行字符串,但它永远无法从像这样的大字符串中删除所有widthheight属性:

<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>

以上代码行是删除换行符后的输入。

带有换行符的实际HTML代码如下:

<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>

1 个答案:

答案 0 :(得分:0)

我不知道你的代码是什么,但你需要做的就是:

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