HTML:
<div class="parent"> <input></input> <button></button> </div> <div class="siblings"> <p class="children"></p> </div>
jQuery的:
$('button').click(function(){ if($(this).siblings('input') != ""){ var addTo = $(this).siblings('input').val(); $(this).parent('parent').siblings('siblings').children('children').html(addTo); } });
解决方法
您正在引用类的选择器,就好像它们是元素一样(它们缺少点:.) – 因此您可能希望将其更改为:
$(this).parent('.parent').siblings('.siblings').children('.children').html(addTo);
但是那里有很多其他奇怪的东西,你最终也想要修复它们.像其他人指出的那样,你的if语句(如果($(this).siblings(‘input’)!=“”){)将总是评估为true,我猜你正在试图看它的值是否为空?
这是一个完整的重写fwiw:
$('button').click(function(){ var input = $(this).siblings('input'),val = input.val(); if(val != ""){ $(this).parent('.parent').find('.children').html(val); } });