클래스 예외가있는 테이블 행 복제

Question

JS를 사용하여 테이블 행을 복제합니다. 양식 요소는 복제 될 때 숫자가 첨부됩니다. 나는 잘 작동한다.

내 문제는 대부분의 필드의 값을 지우고 싶지만 특정 클래스가있는 값은 지울 수 없습니다.

HTML

<div class="add_rec_container" id="fuel_stop" style="display:none;"><!--open #fuel_stop--> 
    <p class="label">Enter Fuel Stop:</p> 
    <table width="100%" border="0" cellspacing="0" cellpadding="0" id="fuel_stop_table" class="fuel_data"> 
     <tbody> 
     <tr> 
      <td><select name="data_fuel_state1" id="data_fuel_state1" class="state_menu"> 
      <option value="AZ">AZ</option> 
      <option value="CA" selected="selected">CA</option> 
      <option value="NM">NM</option> 
      <option value="NV">NV</option> 
      <option value="OR">OR</option> 
      <option value="UT">UT</option> 
      </select> 
      </td> 
      <td><input type="tel" name="data_total_gal1" id="data_total_gal1" class="total_gal_field" title="Gallons" placeholder="Gallons"/></td> 
      <td><input type="checkbox" name="data_yard1" id="data_yard1" class="yard_check" value="y" onclick="disablePPG(this);"/> Yard 
      </td> 
      <td>$ <input type="tel" name="data_price1" id="data_price1" class="price_field" title="PPG" placeholder="PPG" /></td> 
      </tr> 
     </tbody> 
    </table> 
    <a id="add_fuel_row" class="add_btn">+ State</a> 
    </div><!--close #fuel_stop--> 

    <input type="submit" name="Submit" class="send_button" value="Send"/> 
</form>​ 
</div><!--close .record_entry_container--> 

JS

입력이 "yard_check"의 클래스가있는 경우

<!-- Inset Table Row --Fuel --> 
$(document).ready(function($) 
{ 
    // trigger event when button is clicked 
    $("a#add_fuel_row").click(function() 
    { 
    // add new row to table using addTableRow function 
    addTableRow($("table#fuel_stop_table")); 

    // prevent redirecting 
    return false; 
    }); 

    // function to add a new row to a table by cloning the last row 
    function addTableRow(table) 
    { 
    // clone the last row in the table 
    var $tr = $(table).find("tbody tr:last").clone(); 

    // get the name attribute for input and select fields 
    $tr.find("select, input").val('').attr("name", function() 
    { 
     // break the field name and it's number into two parts 
     var parts = this.id.match(/(\D+)(\d+)$/); 

     // create a unique name (+1 scheme for now) 
     return parts[1] + ++parts[2]; 
    // repeat for id attributes 
    }).attr("id", function() 
    { 
     var parts = this.id.match(/(\D+)(\d+)$/); 
     return parts[1] + ++parts[2]; 
    }); 

    // append the new row to the table 
    $(table).find("tbody tr:last").after($tr); 
    }; 
}); 

은 내가 값을 취소하고 싶지 않아요. 즉 체크 박스는 값 = y로 유지되어야합니다.

감사합니다.

Answer 1

입력/텍스트 영역의 경우 .val ('')을 사용하여 선택기의 특정 요소 값을 지우십시오. 옵션의

$('selectorhere').val(''); 

, 지금 그렇게 할 수 있어요 .removeProp