Question

我有一个非常长的表单，在其中我有一个特定的按钮来导入HTML中表单的其他部分。

我正在使用此代码导入此新部分：

    $.get( "nuovotaglio.html", function( data ) {
            //console.log(data);
            $( ".newElement" ).html( data );
            console.log(this);

        });
    };

我需要在导入此部分之前将ID添加到此元素之一的特定标记。这部分导入部分的代码

    <div class="optionTaglioCorto">   
        <div class="col-md-10 col-md-offset-2 form-inline">
                <div class='col-md-8 prezzoAllign'> 
                    <label class="titoloPiega">PREZZO:</label>
                    <select class="form-control-2 box3 mySelectBox" id="optionTaglioCorto"style="width: 220px">
                        <option value="0">INSERIRE PREZZO</option>
                        <option value="1">A PARTIRE DA</option>
                        <option value="2">PREZZO DA_ A_ </option>
                    </select>

                </div>    
                <div class="col-md-3"> 
                    <button type="button" class="btn btn-lg bottoneCss6">OK</button>
                </div>
        </div>
        <div class="col-md-8 col-md-offset-2 form-inline">
                <div class=" col-md-5 option1 optionsInput hidden">
                    <label class="titoloPiega">Da:</label>
                    <input type="text"class="form-control value borderBottomInputField" 
                    id="nomeSalone" placeholder="VALUE">
                </div>   
                <div class="col-md-5 option2 optionsInput hidden">
                    <label class="titoloPiega">A:</label>
                    <input type="text" class="form-control value borderBottomInputField" 
                    id="nomeSalone" placeholder="VALUE">   
                </div>
        </div> 
    </div>

我之前需要调用函数nuovotaglio（），在这个文件中添加一些id。有人能帮助我吗？

Answer 1

如果您需要使用类添加ID到div，您可以使用下面的JQuery代码执行此操作：

<!-- HTML //-->
<div class="optionTaglioCorto">   ... </div>

<!-- Javascript/JQuery //-->
$(function(){
   $('div.optionTaglioCorto').attr('id','optionTaglioCortoID');
   // in general to add an ID: $('element').attr('id', 'value');
});

如果您需要处理加载的HTML data并对其进行修改：

// If you need to add an ID to load your content, 
// Then I suggest a DIV at the bottom of your HTML document :
$('body').append('<div id="yourAjaxContainer" />');

$.get( "nuovotaglio.html", function( data ) {
   //console.log(data);
   var $data = $(data);
   $('div#yourAjaxContainer').html($data);
});

Answer 2

您可以执行以下操作：首先使用您的数据加载容器，然后将该属性添加到标记中，但您需要知道如何在返回的HTML代码中正确找到该标记。

$.get( "nuovotaglio.html", function( data ) {
        //console.log(data);
        $( ".newElement" ).html( data );
        console.log(this);
        $('.newElement yourTagSelector').attr('id', 'yourID');
    });
};

从jquery get函数访问选择器

2 个答案: