html 파일 열기 jquery 태그 바꾸기

Question

지정된 태그를 임의로 변경하려면 파일을 임의로 열어 파일을 다시 저장하려고합니다.

죄송합니다. 번역기를 사용했습니다. jquery 태그를 대체 할 수있는 방법은 무엇입니까?

인 test.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> 

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

Answer 1

하나 (특정 배너를 찾아 가지 않고 이렇게 될 수 .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 


});