不能動態ID添加到jQuery的元素

我已在follwing jQuery的不能動態ID添加到jQuery的元素

var wrapperClass  = 'tableAccordionWrapper'; 
var template   = 'tableInput.html'; 

addTableInput = function(){ 
    var int; 
    var wrapper = $('<li />'); 
    wrapper.addClass(wrapperClass); 
    wrapper.attr('id','table1'); 
    var href = $('<a href="#">Table xx</a>'); 
    var parentWrapper = $('#selectedTables .sub-content .input-controls'); 
    $.ajax({ 
     url:  template, 
     dataType: 'html', 
     success: function(data){ 
      wrapper.append(href); 
      $(data).appendTo(wrapper).insertBefore(parentWrapper); 
     }, 
     error: function(){ 
      console.log('Something went wrong') 
     }, 
     complete: function(){ 
      int = $('.tableAccordionWrapper').length; 
      console.log(int); 
     } 
    }); 
}

的addClass功能被傳遞給li元素的罰款。但奇怪的不是attr add id。當我調試時，我可以看到id似乎暫時存在於節點中，但是跳出調試，元素只保留類名。

我甚至嘗試鏈接的功能，像這樣：

wrapper.addClass(wrapperClass).attr('id','table1');

而且也嘗試：

wrapper.attr('tabindex','1');

要看看它是否是與屬性的問題。但只有類名似乎被傳遞給LI元素。

我也試過通過wrapper.attr('id','table1')函數裏面的ajax成功和完成函數。

我的問題

我有一大塊的HTML的構成形式的組成部分。在dom準備好之後，通過ajax注入一個html塊。用戶可以插入額外的塊，此時我爲表單元素創建一個包裝器，並且我需要一些方法來計算當前元素，或者增加一個整數以添加到LI的ID，以便子元素將是唯一的。

如果這需要一個工作jsfiddle的例子，我可以嘗試設置一個。

編輯

我想知道它是否是與我創建jQuery中的李節點的方式嗎？

var wrapper = $('<li />');

編輯

HTML塊：

<label for="tableDescription1" class="control col-md-6">Table description 
    <input type="text" name="tableDescription1" class="mandatory fullWidth"> 
</label> 
<label for="rowCount1" class="control">Row count 
    <input type="text" name="rowCount1" value=""> 
</label> 
<p class="control">Is there a Pre-Environment</p> 
<span class="controls-stacked"> 
    <label class="control radio"> 
     <input type="radio" name="preEnvironment1" type="radio" value="Y" class="hiddenInput" checked /> 
     <span class="control-indicator"></span> 
     Yes 
    </label> 
    <label class="control radio"> 
     <input type="radio" name="preEnvironment1" type="radio" value="N" class="hiddenInput" /> 
     <span class="control-indicator"></span> 
     No 
    </label> 
</span>

形式塊名稱是唯一的，所以他們需要在HTML的新塊通過AJAX加到遞增。

例如，當注入第二個html塊時，rowCount1將需要遞增到rowCount2。

來源

2017-04-25 lharby

爲什麼你甚至需要添加一個ID？你可以保留一個計數器，每增加一個創建的元素就可以增加一個。你知道你可以計數元素沒有他們有一個身份證的權利？ – Milney

@Milney當然，我不必使用ID。我也嘗試增加類名，並添加我自己的attr data-id，但都沒有工作。 – lharby

我不明白你的問題......他們都可以有相同的類名（不必是唯一的）...然後你可以簡單地用$（「body」）來計數它們。find（「。className 「）.length（注意使用find（），正如你所提到的，它們是動態添加的） – Milney

的問題：

你永遠添加wrapper頁面。我假設這條線是意味着做到這一點：

$(data).appendTo(wrapper).insertBefore(parentWrapper);

爲了保護方法，鏈接，jQuery的方法，如appendTo(target)不返回目標，而是前面的元素。考慮到這一點，你會注意到上面的例子實際上只是在做$(data).insertBefore(parentWrapper) - appendTo沒有達到很大的目的。

我製作了this example來演示。

解決方案：

嘗試這樣的事情，而不是：

wrapper.append(data).insertBefore(parentWrapper);

在這個例子中，我們已經改組事情有點，使整個線現參考wrapper，而不是data。

來源

2017-04-25 14:43:42 Santi

是的，謝謝你，我剛剛在大概的同一時間完成了這項工作，現在似乎正在開展工作。 – lharby

不能動態ID添加到jQuery的元素

回答

相關問題