จะเขียน jquery hide span ในกรณีที่มี id ต่างกันยังไงได้มั่งค่ะ

<input type='text' value="<?php echo $row['ProQuan']; ?>" class='editbox' id='fourth_input_<?php echo $row['ProID'];?>' />

<span id="one_<?php echo $row['ProID'];?>" class="text hidenSpan">
<span id="two_<?php echo $row['ProID'];?>" class='text  hidenSpan'>
<span id="three_<?php echo $row['ProID'];?>" class='text hidenSpan'>

$("span.hidenSpan").hide();






<input type='text' value="<?php echo $row['ProQuan']; ?>" class='editbox' id='fourth_input_<?php echo $row['ProID'];?>' />

$("input.editbox").hide();

<a href='#' id="update" class="update" >Update</a>

<td><?php echo $row['ProID']; ?></td>
<td class="edit_td" >
<input type="text" value="<?php echo $row['ProID']; ?>" class="editbox" id="one_input_<?php echo $row['ProID'];?>" />
</td>

<td><?php echo $row['ProID']; ?></td>
<td class="edit_td" >
<input type="text" value="<?php echo $row['ProID']; ?>" class="editbox" id="one_input_<?php echo $row['ProID'];?>" />
</td>
<td><a href='#' id="update" class="update" data-refer="<?php echo $row['ProID'];?>">Update</a></td>



$("a.update").click(function(e){
    e.preventDefault();
    var  refID = $(this).data("refer");
    $("#one_input_"+refID).toggle();
});