如何使用jQuery appendTo在同一行添加標籤文本？

我要爲標籤的文本追加單擊添加標籤按鈕，在類似下面一行時，如何使用jQuery appendTo在同一行添加標籤文本？

值1，值2，值3和等....

但我不能夠達到什麼樣的我想，這裏怎麼了？這裏是jsfiddle。

<div style="display:inline"> 
    <button id="addButton" > Add Label </button> 

</div> 
<div id="holder"> 




    $(document).ready(function() { 
    var i = 0 ; 
    var labelID = ''; 
    $("#addButton").click(function(){ 
    i = i+1; 
     labelID= 'label'+i+ ','; 
     $('<div />', { 

     }) 
      .addClass("label") 
      .appendTo("#holder"); 
     $('<label />', { 
      for: 'holder'  
     }) 
      .attr('id', labelID) 
      .text("Value" + i) 
      .appendTo("#holder") 
     .click(function (e) { 
       var name = $('#'+labelID).text(); 
      alert("event fired: text is: "+ e.currentTarget.textContent + " \n label id is: " + e.currentTarget.id); 
     });  
     $('<div> , </div>') 
      .appendTo("#holder"); 

    }); 

    });

來源

2014-09-04 Dev

只要不使用塊級元素。

http://jsfiddle.net/KendoDev/7ot577qp/9/

$(document).ready(function() { 
var i = 0 ; 
var labelID = ''; 
$("#addButton").click(function(){ 
i = i+1; 
    labelID= 'label'+i+ ','; 
    $('<span>') 
     .addClass("label") 
     .appendTo("#holder"); 
    $('<label>', { 
     for: 'holder'  
    }) 
     .attr('id', labelID) 
     .text("Value" + i) 
     .appendTo("#holder") 
    .click(function (e) { 
      var name = $('#'+labelID).text(); 
     alert("event fired: text is: "+ e.currentTarget.textContent + " \n label id is: " + e.currentTarget.id); 
    });  
    $('<span> , </span>') 
     .appendTo("#holder"); 

}); 

});

來源

2014-09-04 16:48:41 chestnut

div就像是一個塊因此它需要完整的空間，並在div後，你的下一個元素開始，在默認情況下div顯示屬性是塊，將其更改爲內嵌，以便它不佔用所有空間並允許其前面的元素以單行顯示：

$('<div> , </div>').css("display","inline")

UPDATED FIDDLE

來源

2014-09-04 16:47:16

希望這是你想acheive

$(document).ready(function() { 
    var i = 0 ; 
    var labelID = ''; 
    $("#addButton").click(function(){ 
     i = i+1; 
     $('<div><label for="holder" id="label'+i+'">Value'+i+'</label>,</div>').appendTo("#holder"); 
    }); 
});

來源

2014-09-04 16:49:19 Sunand

$(document).ready(function() { 

    var i = 1; 

    $("#addButton").click(function(){ 
     $('#holder').append("<label for='holder' id=label"+i+">Value"+i+", </label>"); 
     i++; 
    }); 

});

http://jsfiddle.net/7ot577qp/4/

什麼

來源

2014-09-04 16:52:28 hellaminx

如何使用jQuery appendTo在同一行添加標籤文本？

回答

相關問題