添加必需的属性

Question

我的HTML中有一部分要插入属性required="required"，但是我找不到它。我想从jQuery中插入这个部分，并尝试使用以下功能：

$(document).ready(function() {
    $(".tags .bootstrap-tagsinput input.tt-input").attr("required", "required");
});

浏览器中的HTML视图如下：

<div class="competence tags">
    <label class="control-label required">Specializzazioni</label>
    <span class="tel-span">(inserire specializzazioni separate da una virgola)</span>
<div class="bootstrap-tagsinput">
    <span class="twitter-typeahead" required="required">
    <input type="text" class="tt-hint" readonly=""required="required">
    **<input type="text" class="tt-input" autocomplete="off" >**
    </span>
 </div>
</div>

我想把required="required"放在**的位置。

这是如何做到的呢？

Answer 1

我不知道你为什么要用很多选择器。

只是澄清一下，我认为你的看起来是这样的：

<div class="competence tags">
    <label class="control-label required">Specializzazioni</label>
    <span class="tel-span">(inserire specializzazioni separate da una virgola)</span>
    <div class="bootstrap-tagsinput">
        <span class="twitter-typeahead" required="required"></span>
        <input type="text" class="tt-hint" readonly=""required="required">
        <input type="text" class="tt-input" autocomplete="off" >
    </div>
</div>

您可以使用以下选择器：

$(".tt-input").attr('required','required');

如果您只想要“标记”类的子类：：

$('.tags').children('.bootstrap-tagsinput').each(function(idx, obj) {
    $(obj).children('.tt-input').attr('required','required')
});

希望这能帮上忙！