来自jquery get函数的访问选择器

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

如果需要向带有类的div添加ID，可以使用下面的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');
    });
};