Question

我有一个HTML选项表，用户可以通过点击添加按钮添加一行：

＆＃13;

$('.NewImg').click(function() {
  var row = $(this).closest('tr').clone();
  row.find('input').val('');
  $(this).closest('tr').after(row);
  $('input[type="image"]', row).removeClass('AddNew').addClass('RemoveRow');
});

$('table').on('click', '.RemoveRow', function() {
  $(this).closest('tr').remove();
});
// everytime the save button is clicked
$('#savebutton').click(function() {
  saveList();
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="multiselect" id="order-list">
  <tr>
    <td>
      <label>Studio:</label>
    </td>
  </tr>
  <tr>
    <td>
      <select class="studio">
        <option>-- Select Studio --</option>
        <?php $resultStudio=g etStudioID(); while ($row=m ysqli_fetch_array($resultStudio)) { echo "<option value = '".$row[ 'studio_name']. "'>".$row[ 'studio_name']. "</option>"; } ?>
      </select>
    </td>
    <td>
      <input id="addrow" class='NewImg' type="image" src="img/add.png" alt="Submit" onClick="return false;" />
    </td>
    <td>
      <a class="deleteRow"></a>

    </td>
    <!--<td><input type='button' class='AddNew' value='Add new item' /></td>-->
  </tr>
</table>

＆＃13;

如何在js代码中更改图像？当添加一行时，我仍然有一个＆＃34; +＆＃34;但是，我希望将它更改为＆＃34; - ＆＃34;图像

Answer 1

使用toggleClass

 $('input[type="image"]', row).toggleClass('AddNew RemoveRow');

为每个班级添加不同的背景

Answer 2

没有名为scr的预定义属性用于输入。您可以使用css在按钮上添加图像。

试试这个

<button type="button" style="background: url('img/add.png') no-repeat;">+</button>

Answer 3

使用您自己的代码，我会重构很多：

请注意：by()

显然，您需要.attr('src', 'img/remove.png')目录中的remove.png图像

＆＃13;

img

＆＃13;

$('.NewImg').click(function() {
  var row = $(this).closest('tr').clone();
  row.find('input').val('');
  $(this).closest('tr').after(row);
  $('input[type="image"]', row).removeClass('AddNew').addClass('RemoveRow').attr('src', 'img/remove.png');
});

$('table').on('click', '.RemoveRow', function() {
  $(this).closest('tr').remove();
});
// everytime the save button is clicked
$('#savebutton').click(function() {
  saveList();
});

＆＃13;

在javascript中更改图像按钮

3 个答案: