小编cla*_*ras的帖子

我正在检查表单中的每个必填字段.我尝试了这个,但它只适用于第一个输入.如何使其适用于每个输入？

if($('[required]').val() != ''){ 
        $('.button1').fadeIn(0);
        $('.button2').fadeOut(0);
}else{
    $('.button1').fadeOut(0);
    $('.button2').fadeIn(0);
}

编辑:对于更多上下文,这是我在其下面的另一个函数,以便在他们更改和HTML代码时应用.

$('[required]').change(function() {
if($('[required]').val() != ''){ 
        $('.button1').fadeIn(0);
        $('.button2').fadeOut(0);
    }else{
    $('.button1').fadeOut(0);
    $('.button2').fadeIn(0);
}
});

HTML

我有很多这样的输入:

<input type="text" id="title" name="title" value="" required>
<input type="text" id="size" name="size" value="" required>
<input type="text" id="length" name="length" value="" required>

纽扣:

<a class="button1" style="display:none" >button 1</a>
<a class="button2">button 2</a>

所以我想在页面加载时以及每当它们发生变化时检查空字段.

顺便说一句,我没有围绕这些的表格标签,因为它是针对移动设备的,并不认为这是真的有必要,如果这有任何区别.

再次感谢!

我有多个图像,想要找出每个图像是水平还是垂直,并添加一个类,所以我可以相应地设置它.

我尝试了很多东西,包括这样的东西:

if ($(".img").width() > $(".img").height()) {
$(this).addClass("horizontal");
}

我究竟做错了什么？谢谢!

我有这样的多个div:

<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>

<div class="large"></div>
<div class="large"></div>

<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>
<div class="small"></div>

我想选择每4个.small div来包装另一个div所以它是这样的:

<div class="box">
    <div class="small"></div>
    <div class="small"></div>
    <div class="small"></div>
    <div class="small"></div>
</div>

从第一个例子中可以看出,可以有超过4个相邻的,但我仍然希望将每4个.small div分组.

任何想法将不胜感激.谢谢!