私は次の機能を持っています:
datum.on('change', function(){
var url = '<?php echo base_url() ?>admin/admin_tvprogram .tvprogram > *';
tvprogram.empty().load(url, {'datum':$(this).val()}, function(){
var izmeni = $(this).find('a');
izmeni.on('click', function(){
var sat = $(this).parent().find('.sat'),
sat_vrednost = sat.text(),
naziv = $(this).parent().find('.naziv'),
naziv_vrednost = naziv.text(),
vrati = $(this).parent().append('<span class=vrati>Vrati</span>');
var novi_sat = sat.replaceWith('<input type=text name=sat value=' + sat_vrednost + ' >' ),
novi_naziv = naziv.replaceWith('<input type=text name=naziv value=' + naziv_vrednost + ' >' );
});
});
});
すべて正常に動作していますが、もう 1 つ機能が必要です。ユーザーがvrati (新しく追加されたspan要素) をクリックすると、要素satとnazivは元の形式に戻る必要があります。これどうやってするの?
ロード機能がアクティブになると、次の HTML が表示されます。
<ul>
<li>
<span class="sat">18:00</span>
<span class="naziv">Opravka Traktora</span>
<a data-id="2">Izmeni</a>
</li>
</ul>
izmeniをクリックすると、次の HTML が表示されます。
<ul>
<li>
<input type="text" value="18:00" name="sat">
<input type="text" traktora="" value="Opravka" name="naziv">
<a data-id="2">Izmeni</a>
<span class="vrati">Vrati</span></li>
</ul>