要更改任意打开文件的指定标签,我正在尝试再次保存文件。
对不起,我使用了翻译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
});