2012-06-06 3 views
1

Итак, давайте предположим, что у меня есть DIV с некоторого значения в нем:jQuery вызывает функцию, основанную на значении?

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

Тогда давайте говорить, что я хотел бы использовать JQuery, чтобы добавить весь test4 DIV в другой DIV (с той же структурой) называют «плохим» если значение меньше 100?

Прямо сейчас у меня Append в порядке, но я контролирую его 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"); 
}); 

Fiddle: 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) 
Смежные вопросы