Показать сообщение отдельно
  #7 (permalink)  
Старый 15.11.2015, 21:32
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,078

newbie guy,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  body > ul > li:last-child{
    text-decoration: underline;
  }

  </style>
  <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

</head>

<body>
<ul class='container'>
    <li>
        <span>Заголовок 1</span>
        <ul class='container'>
            <li><span>Подзаголовок 1.1</span></li>
        </ul>
        <ul class='container'>
            <li><span>Подзаголовок 1.2</span></li>
        </ul>
    </li>
    <li>
        <span>Заголовок 2</span>
        <ul class='container'>
            <li><span>Подзаголовок 2.1</span></li>
        </ul>
    </li>
</ul>
<ul id='container'>
    <li>
        <span>Заголовок 1</span>
        <ul class='container'>
            <li><span>Подзаголовок 1.1</span></li>
            <li><span>Подзаголовок 1.1</span></li>
            <li><span>Подзаголовок 1.1</span></li>
            <li><span>Подзаголовок 1.1</span></li>
        </ul>
        <ul class='container'>
            <li><span>Подзаголовок 1.2</span></li>
            <li><span>Подзаголовок 1.3</span></li>
        </ul>
    </li>
    <li>
        <span>Заголовок 2</span>
        <ul class='container'>
            <li><span>Подзаголовок 2.1</span></li>
        </ul>
    </li>
</ul>

 <script>
   $('li').each(function (i, item ) {

      if (!item.getElementsByTagName('ul').length) {
          item.querySelector('span').style.fontWeight = 'bold'
      }
  });

 </script>
</body>

</html>
Ответить с цитированием