javascript - 这个 jQuery 代码不应该返回 #product-create-2 中的所有输入吗？

Question

我有这个 HTML:

<fieldset style="display: block;" title="Producto" class="fstep" id="product-create-step-2">
    <section>
        <div class="p_name">
            <input type="text" maxlength="50" required="required" name="product[name]" id="product_name">
        </div>
        <div class="p_description">
            <textarea required="required" name="product[description]" id="product_description"></textarea>
        </div>
        <div class="p_age">
            <input type="text" value="0" name="product[age_limit]" id="product_age_limit">
        </div>
    </section>
</fieldset>

我试图用 required="required" 为每个元素显示一个带有空值的警报，所以我做了这个:

$('#product-create-step-2 > input[required="required"]').each(function() {
    if (!$.trim(this.value).length) {
        alert($(this).prev('label').text() + ' can't be empty!!!');
        valid = false;
    }
});

如果我将 #product_name 或 #product_description 留空，它永远不会显示警报，并且我找不到我错过的内容，有什么建议吗？

Answer 1

> 用于选择直接后代。

你想要这个:

$('#product-create-step-2 input[required="required"]')

它将在 #product-create-step-2 中找到所有匹配的输入，无论嵌套的深度如何。

此外，这会导致语法错误:

' can't be empty!!!'

您需要转义单引号或切换引号:

' can\'t be empty!!!'

或(我的偏好):

"can't be empty"