在Jquery中追加

Question

我試圖追加複選框下的按鈕。按鈕有類名，複選框有一個類名。當我嘗試追加複選框下的按鈕類名稱時，它會追加該類下的每個按鈕。如何追加每個複選框下的每個按鈕。 謝謝，

Answer 1

我認爲你需要使用.each jQuery關鍵字來遍歷每個複選框併爲每個複選框添加一個按鈕。

不認爲你可以在一行代碼中做到這一點。

因此，當您循環訪問「每個」複選框時，您可以使用$（this）和append將追加按鈕添加到「每個」複選框。

我希望這有助於你的問題有點含糊。

哦，併發布一些HTML和/或代碼。這將有所幫助

這裏是一個可能有幫助的鏈接;

http://api.jquery.com/jQuery.each/

http://jeradbitner.com/content/jquery-checkbox-goodness

Answer 2

下面將分配CSS類 「myCheckbox」 每個複選框後追加一個按鈕：

$(document).ready(function() { 
    $('.myCheckbox').each(function(idx, el) { 
     $(el).after('<input type="button" class="myButton" value="' + el.id + '"/>'); 
    }); 
}); 

http://jsfiddle.net/34tkN/1/

正如其他人所說，很難完全理解你要求的東西。澄清，我可以更新我的迴應。

Answer 3

你可以嘗試這樣的：

<script> 

    var btHtml = '<button class="lolButton">LOL</button>'; 
    $(".chkBox").append(btHtml); 

</script> 

Answer 4

再檢查一下框代碼：

<div class="chkCompare> 
    <input type="checkbox" onclick="CompareCheckChanged(this,'60c0ca0d-b68d-4edd-b667-0d4320b60ede');" name="mrpPhones$ctl00$chkCompare" id="mrpPhones_ctl00_chkCompare"> 
    <span style="margin-left: 5px;">Compare</span> 
</div> 

按鈕代碼：

<a style="display: inline-block; width: 85px; font-weight: normal;" href="javascript:__doPostBack('mrpPhones$ctl00$lineItemPrice$lnkbtnAddToCart','')" class="button-genericsprite green-button-23cart" title="Add to cart" id="mrpPhones_ctl00_lineItemPrice_lnkbtnAddToCart" onclick="javascript:hideProgressBar();"> 
    <span style="font-size: 12px;">Add to Cart</span>   
</a> 

複選框在左邊，按鈕在右邊側。我想把按鈕放在複選框下。對於每個複選框，應該出現一個按鈕。當我嘗試追加按鈕的類名時，所有按鈕都將出現在複選框下。我只想在一個複選框下面放一個按鈕。