:only-of-type1.9
Элемент соответствует селектору :only-child, если среди своих соседей нет элементов с таким же именем тега (именно именем тега).
Примеры использования:
$("div:only-of-type")
| вернет все div-элементы, у которых среди соседей нет div'оф.
|
В действии
Найдем все элементы button, у которых среди соседних элементов нет других button'ов и установим этим элементам текст "Один".
~lt~!DOCTYPE html~gt~
~lt~html~gt~
~lt~head~gt~
~lt~script src="http://code.jquery.com/jquery-1.10.2.js"~gt~~lt~/script~gt~
~lt~style~gt~
div {
width: 100px;
height: 80px;
margin: 5px;
float: left;
background: #b9e;
}
span {
padding: 2px;
margin: 3px;
line-height: 1.4;
border: 1px solid #000;
}
~lt~/style~gt~
~lt~/head~gt~
~lt~body~gt~
~lt~div~gt~
~lt~button~gt~Элемент~lt~/button~gt~
~lt~button~gt~Элемент~lt~/button~gt~
~lt~/div~gt~
~lt~div~gt~
~lt~button~gt~Элемент~lt~/button~gt~
~lt~/div~gt~
~lt~div~gt~
None
~lt~/div~gt~
~lt~div~gt~
~lt~button~gt~Элемент~lt~/button~gt~
~lt~span~gt~Элемент~lt~/span~gt~
~lt~span~gt~Элемент~lt~/span~gt~
~lt~/div~gt~
~lt~div~gt~
~lt~button~gt~Элемент~lt~/button~gt~
~lt~/div~gt~
~lt~script~gt~
$( "button:only-of-type" )
.text( "Один" )
.css( "border", "2px blue solid" );
~lt~/script~gt~
~lt~/body~gt~
~lt~/html~gt~
Ссылки