Добавить обязательный атрибут

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

Я не знаю, почему вы используете много селекторов.

Просто чтобы быть ясно, я имею в виду, что ваш 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"></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') 
}); 

Надеюсь, это поможет!