Question

在div中的html页面中，我有一个带选项的html选项，下面是我的标记：

<div class="field vert Display" data-group="HI">
    <select aria-required="true" name="InsuranceFor">
        <option value="">I want cover for</option>
        <option value="Single">Single</option>
        <option value="Couple">Couple</option>
    </select>
</div>

我需要添加一个属性以使用父div的数据组属性进行选择，我尝试了下面的代码，但它没有在require=""代码中添加select。我已确认函数是在通话时执行但它根本不添加任何内容。你能指导我怎么做吗？

function ShowForm()
    {               
            $("[data-group=HI] select").attr("required")
    }

我也尝试了$("[data-group=HI] > select").attr("required")但没有效果。请帮忙。

Answer 1

如文件中所述：

从jQuery 1.6开始，.attr()方法为尚未设置的属性返回undefined。要检索和更改DOM属性（例如表单元素的已选中，已选择或已禁用状态），请使用.prop()方法。

$('[data-group="HI"]').find("select:first").prop("required",true);

Answer 2

使用它，它应该适合你

$('[data-group="HI"]').find("select").attr("required",true);

首先选择执行以下操作

$('[data-group="HI"]').find("select:first").attr("required",true);

添加属性以使用父的数据属性进行选择？

2 个答案:

demo