更改克隆表tr的属性

时间:2017-02-28 08:59:04

标签: jquery

我克隆了一张桌子。 我想更改td的属性

<tr style="cursor:move" id="CloneThisTR">
                    <td>
                        <div class="input-group" id="TP_tr_dest_from_city_1">
                            {{{ Form::select('TP_tr_dest_from_city_multicity', [''=>'* From City']+$TR_FromIndianCities , null,array('id'=>'TR_FromCities_1','class'=>'form-control requestDiv','name'=>'TP_tr_dest_from_city_multicity_1','title'=>'Enter travel from city',)) }}}
                        </div>
                    </td>
                    <td>
                        <div class="input-group" id="TP_tr_dest_to_city_1">
                            {{{ Form::select('TP_tr_dest_to_city_multicity', [''=>'* To City']+$TR_FromIndianCities , null,array('id'=>'TR_ToCities_1','class'=>'form-control requestDiv','name'=>'TP_tr_dest_to_city_multicity','title'=>'Enter travel from city',)) }}}
                        </div>
                    </td>
                    <td>
                        <div class="input-group" id="TP_tr_from_date_1">
                            {{{ Form::text('TP_tr_from_date_multicity', null, array('type' => 'text','data-date-format'=>"yyyy-mm-dd", 'class' => 'form-control datepicker','name'=>'TP_tr_from_date_multicity_1','id' => 'TravelFromDate_1','placeholder'=>'* Travel Start Date','title'=>'Pick the travelling start date')) }}}
                        </div>
                    </td>
                </tr>

通过

克隆此tr
var select = $("#CloneThisTR").clone(true);

我想将每个id更改为_1,例如TR_FromCities_1到TR_FromCities_2 或TR_ToCities_1至TR_ToCities_2等。

如何使用find()?

完成

1 个答案:

答案 0 :(得分:0)

在这里,获取克隆tr的id,与_分开。

TR_FromCities_1应该提供[&#34; TR&#34;,&#34; FromCities&#34;,&#34; 1&#34;]

获取数组的最后一个元素,转换为int并将其递增1。将其转换回字符串并替换最后一个数组索引。加入并设置克隆的ID!

        var id = $select.attr('id') || null;
        if(id) {
           var spl = beforeID.split("_");
           var i=(parseInt(spl[spl.length-1])+1).toString();
           spl[spl.length-1]=i;
           $select.attr('id', spl.join("_"));
        }

克隆tr中的所有td!

$select.find('td').each(function(){
        var id = $(this).attr('id') || null;
        if(id) {
           var spl = beforeID.split("_");
           var i=(parseInt(spl[spl.length-1])+1).toString();
           spl[spl.length-1]=i;
           $select.attr('id', spl.join("_"));
        }
});

希望这有帮助!