2012-06-06 61 views
1

因此,讓我們假設我有它的一些值一個div:jQuery基於一個值調用函數?

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

然後讓我們說,我想使用jQuery整個TEST4 DIV追加到另一個DIV(具有相同的結構)被稱爲「壞」如果該值小於100?

現在,我有我的,爲了追加,但我的onClick控制它:

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

如果這是不可能會有人推薦的方式做到這一點?謝謝!

+0

什麼是你的代碼錯誤?這不是你想要做什麼嗎? –

回答

3

您需要解析該值作爲一個整數,然後對其進行測試:

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

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

+0

會不會有一些方法可以在沒有點擊的情況下實現? – HunderingThooves

+0

@HunderingThooves喜歡何時加載頁面? – Sampson

+0

是的,我正在考慮通過刷新或通過ajax來更新這些值,因此讓它成爲一個持久性腳本似乎更好地解決了這個問題。這可能與jQuery?我知道這是基於事件的... – HunderingThooves

0

你可以嘗試像

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

bar.appendChild(foo)