jQuery基于值调用函数？

Question

所以让我们假设我有一个有一些价值的div：

<div id="Good">
   <div id="Test4">
      <div class="hidden">
         <div class="weight">147</div>

然后假设我想使用jQuery将整个test4 div附加到另一个名为“bad”的div（具有相同的结构），如果该值小于100？

现在我按顺序添加了我的附件，但我用onClick控制它：

<script type="text/javascript">
$(document).ready(function() {
 $('#Test4').click(function() {
    $('#Test4').appendTo('#bad')
 });
});
</script>

如果这不可能，有人可以推荐一种方法吗？谢谢！

Answer 1

您需要将该值解析为整数，然后对其进行测试：

$("#test4").on("click", function(){
    if ( +$(".weight", this).text() < 100 )
        $(this).appendTo("#bad");
});

小提琴：http://jsfiddle.net/jonathansampson/fTeMH/

Answer 2

您可以尝试类似

的内容

foo = document.getElementById("Test4")
bar = document.getElementById("bad")

bar.appendChild(foo)