php - html文件打开和保存jquery标签替换

Question

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

抱歉，我使用了翻译器 jquery 标记如何替换...？

test.html ↓</p>

<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 ↓</p>

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

Answer 1

许多解决方案之一（查找特定横幅并使用替换 DOM.find()并且.replaceWith())可以像这样，无需使用 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


});