Question

我有一个按钮，点击按钮我需要增加按钮ID 这是我的按钮

 <input type="button" id="repeataddon-1" name="repeataddon"
 class="repeataddon" value="add" >

和脚本

 $(document).on( "click",'.repeataddon',function( ) {
                     hoteladdons();
                     alert(this.id);
                 });

我可以将此代码用于我的其他表属性，我希望将其ID增加为相同的

<table width="100%" class="book-table" >
    <tr>
        <th>Addon Name</th>
        <th>No of Addons</th>
        <th>Rate</th>
        <th>Addon Amount</th>

    </tr>
    <tr>
        <td>
            <article>
                <span>

          <?php echo $hoteladdon; ?>

              </span>
            </article>
        </td>
        <td>
            <article>
                             <span>
                    <select class="noofaddons" name="noofaddons" id="noofaddons-1">
                        <?php
                        for($i=0;$i<5;$i++){


                            echo "<option value='$i'>".$i."</option>";

                        }
                        ?>
                    </select>
                        </span>
            </article>
        </td>
        <td><label id="addonprice-msg-1"></label> </td>
        <td><label id="addontotal-msg-1"></label></td>

    </tr>
</table>

Answer 1

这是我做的：

$(document).on("click", '.repeataddon, .noofaddons, .addonprice-msg, .addontotal-msg', function () {
     var sp = $(this).attr('id').split("-");

     if (isNaN(sp[sp.length - 1]) == false) {
         $(this).attr('id', $(this).attr('id').split("-").slice(0, $(this).attr('id').split("-").length - 1).join("-") + '-' + (parseInt($(this).attr('id').split("-")[$(this).attr('id').split("-").length - 1]) + 1));
     } else {
         $(this).attr('id', $(this).attr('id') + '-1');
     }
 });

Here is the JSFiddle demo

单击按钮

时，检查元素以查看更改

Answer 2

如下所示

$(document).ready(function() {
  $('.repeataddon').click(function() {
    // hoteladdons();
    var temp = $(this).attr('id').split('-');
    $(this).attr('id', temp[0] + '-' + (parseInt(temp[1]) + 1));
    console.log($(this).attr('id'));
  });
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" id="repeataddon-1" name="repeataddon" class="repeataddon" value="add">

按钮点击时如何增加按钮ID

2 个答案: