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

Question

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

<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的数据组属性进行选择，我在下面的代码中进行了尝试，但未在select代码中添加require="" 。 我已经确认函数在调用时执行，但是它根本不添加任何东西。 你能指导我怎么做吗？

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);

演示