在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> 

复选框在左边，按钮在右边侧。我想把按钮放在复选框下。对于每个复选框，应该出现一个按钮。当我尝试追加按钮的类名时，所有按钮都将出现在复选框下。我只想在一个复选框下面放一个按钮。