HTML 文件打开并保存 jquery 标记替换


html file open&save jquery tag replace

要更改任意打开文件的指定标签,我正在尝试再次保存文件。

对不起,我使用了翻译jquery标签如何替换...?

测试.html ↓

<banner_0101>
        <div class="banner"><a href="#" rel="external"><img src="test.jpg" ></a></div>
</banner_0101>  
<banner_0127>
    <div class="banner"><img src="http://test.jpg" ></div>
</banner_0127>

测试.php ↓

<div id="form">
    <form action="testok.php" method="POST">
        <div>
            <label for="cate">CATE_NUMBER</label>
            <input type="text" name="cate" id="cate">
        </div>
        <div>
            <label for="href">A href </label>
            <input type="text" name="href" id="href">
        </div>
        <div>
            <label for="imgsrc">Img src</label>
            <input type="text" name="imgsrc" id="imgsrc">
        </div>
        <div>
            <input type="submit" value="OK">
        </div>
    </form>
</div>
ex ) 
POST Value
test.ok ->
$_POST['cate'] -> banner_0101
$_POST['href'] -> /test1.php
$_POST['imgsrc'] -> testok.jpg
test.html ↓
<banner_0101>
        <div class="banner"><a href="/test1.php" rel="external"><img src="testok.jpg" ></a></div>
</banner_0101>
**How do I resolve this problem?**

众多解决方案之一(找到特定的横幅并使用.find().replaceWith())替换 DOM)可以像这样,而无需使用 PHP,只需在 jquery 中将其添加到您的脚本中:

$('#form form').on('submit', function(e){
  e.preventDefault(); //Stops your form default behavior
  banner = $('#cate').val(); //banner value
  link = $('#href').val(); //link
  imgsrc = $('#imgsrc').val(); //img src
  newDom = $('<'+ banner +'>').html($('<div>' , {'class' : 'banner'}).append($('<a>' ,{'href' : link }).append($('<img>',{'src': imgsrc })))); //your new HTML
  $('body').find(banner).replaceWith(newDom); //find the specific banner and replace existing banner with new DOM

});