jquery – 如何选择父母的兄弟姐妹

前端之家收集整理的这篇文章主要介绍了jquery – 如何选择父母的兄弟姐妹前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
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); 
  } 
});

为什么不起作用?我想从输入中获取值,并替换p的内容.

解决方法

您正在引用类的选择器,就好像它们是元素一样(它们缺少点:.) – 因此您可能希望将其更改为:
$(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); 
  }
});

猜你在找的jQuery相关文章