Rimuovere elementi html con jQuery

  • Creatore Discussione Creatore Discussione blips
  • Data di inizio Data di inizio

blips

Nuovo Utente
12 Mar 2013
29
1
3
Ciao a tutti, portate pazienza ma sono ancora alle prese con un altro problema.

Devo aggiungere e rimuovere una riga con due elementi html in questo div:

HTML:
<fieldset id="trows">
    <legend>Aggiungi marcatori</legend>

    <div class="trow">

        <label>Giocatore:
            <select name="eplayer_id[]">
        <option value="%">Seleziona</option>
        <?php 
		$lastteam = "";
do { 
?>
        <?php if ($lastteam != $row_datagoal['tteam'])
	echo '<optgroup label="'.$row_datagoal['name'].'">';

        echo '<option value="'.$row_datagoal['id'].','.$row_datagoal['tteam'].'">'.$row_datagoal['playerName'].'</option>';
		if ($lastteam != $row_datagoal['tteam'])
	echo '</optgroup>';
		$lastteam = $row_datagoal['tteam']; 
	
		?>
        <?php
} while ($row_datagoal = mysql_fetch_assoc($datagoal));
  $rows = mysql_num_rows($datagoal);
  if($rows > 0) {
      mysql_data_seek($datagoal, 0);
	  $row_datagoal = mysql_fetch_assoc($datagoal);
  }
  
?>
      </select>        </label>

        <label>Gol:
            <input class="inputfieldres" name="ecount[]" type="text" value="" size="2" maxlength="2" />
        </label>      
    </div>
    <input type="button" id="add-row" name="add-row" value="Add row" />
    <input type="button" id="remove-row" name="remove-row" value="Remove row" />
    
                            </td>
</fieldset>

Con questa funzione ogni volta che clicco sul bottone "Add row" clono i due elementi all'interno del mio fieldset:

HTML:
<script type="text/javascript">
jQuery(function($){
    var $button = $('#add-row'),
        $row = $('.trow').clone();
    
    $button.click(function(){
        $row.clone().insertBefore( $button );
  });
});

//funzione elimina?
</script>

Quello che non so fare è eliminarli con il relativo bottone "Remove row", mi aiutate?

Grazie
 
Ultima modifica:

Discussioni simili