2013-10-15 4 views
1

У меня есть DIV со следующим содержанием:Клонирование DIV и заменить дочерний элемент

<div class="payment-form napthe"> 
    <table> 
     <tbody> 
      <tr> 
       <td><label>Mã thẻ</label></td> 
       <td><label>Serial</label></td> 
      </tr> 
      <tr> 
       <td><input type="text" class="prepaidcard_code"></td> 
       <td><input type="text" class="prepaidcard_serial"></td> 
      </tr> 
      <tr> 
       <td colspan="2"><span class="result">Sai định dạng query</span></td> 
      </tr> 
     </tbody> 
    </table>       
</div> 

Я хочу, чтобы клонировать это Div с помощью JQuery, но сделать текст последнего элемента <tr><td>...</td></tr> пустой.

Я хочу, чтобы результат после клонирования, как это:

<div class="payment-form napthe"> 
    <table> 
     <tbody> 
      <tr> 
       <td><label>Mã thẻ</label></td> 
       <td><label>Serial</label></td> 
      </tr> 
      <tr> 
       <td><input type="text" class="prepaidcard_code"></td> 
       <td><input type="text" class="prepaidcard_serial"></td> 
      </tr> 
      <tr> 
       <td colspan="2"><span class="result"></span></td> 
      </tr> 
     </tbody> 
    </table>       
</div> 
+3

* Что вы пробовали до сих пор? * – ahren

+0

Почему этот Q отмечен как не по теме? – LazerSharks

ответ

3

Вы должны опубликовать то, что вы уже пробовали ...

Во всяком случае, это должно работать

var $clone = $('.payment-form.napthe').clone(); 
$('.result', $clone).empty(); 
3

Попробуйте

var cloned = $('.payment-form.napthe').clone(); 
cloned.find('.result').empty(); // or .find('tr:last td span').text(''); 

Ссылки

http://api.jquery.com/?s=%3Alast

http://api.jquery.com/text/

http://api.jquery.com/empty/

+0

'.find ('. Result'). Empty()' делает немного более понятным и читаемым для загрузки. – ahren

+0

@ahren обновил ty :) Я не видел этого класса :) –

1

Try:

var clone = $(".payment-form.napthe").html(); 

$("#output-div").html(clone); // output the cloned HTML somewhere 
$("#output-div tr:last-child span").html(""); // empty contents of span of last <tr> 

Если вам нужно сделать несколько клоны, вы также можете сделать:

$("#output-div").append(clone); 

# output-div - это то, что я сделал, чтобы представить пространство, в которое вы хотите поместить клон (-ы). Это может быть что-то вроде body

Смежные вопросы