Обрезать часть слов у всех <h3> при загрузке страницы

Тема в разделе "JavaScript", создана пользователем fafee, 14 янв 2012.

Модераторы: ZiX
  1. fafee

    fafee Постоялец

    Регистр.:
    4 окт 2008
    Сообщения:
    92
    Симпатии:
    0
    Есть около десятка новостей, у которых заголовок h3 имеет вид

    010.какой-то заголовок


    необходимо отрезать первые четыре символа у всех заголовков, чтобы
    убрать цифры и точку. причем это должно произойти сразу при загрузке страницы.
    у заголовков можно ввести класс или уникальный айди.
    попробовал как-то так, но работает.


    Код:
    <script type="text/javascript">
     
    $( init );
     
    function init() {
     
    for(var i=1; i<=3; i++) {
    $('h3#+i').html($('h3#+i').html().substring(4));
    }
     
     
    }
    </script>
    <h3 id="1">010.я заголовок</h3>
    <h3 id="2">012.и я тоже заголовок</h3>


    в js не силен, был бы очень благодарен, если кто подскажет,
    как выполнить.
    спасибо.
     
  2. majahead

    majahead

    Регистр.:
    12 май 2008
    Сообщения:
    376
    Симпатии:
    107
    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
     
    </head>
     
    <body>
    <h3>1234vbkbk</h3>
    <h3>1234vbkbk</h3>
    <h3>1234vbkbk</h3>
     
    <script>
                   
    var h3 = document.getElementsByTagName('h3'),
        h3_lenght = h3.length;
        console.info(h3[1].innerHTML.substring(4));
        for( i=0; i<=h3_lenght; i++) {
           
            h3[i].innerHTML = h3[i].innerHTML.substring(4) ;
           
           
        }
     
     
     
    </script>
    </body>
    </html>
     
  3. admLoki

    admLoki генератор случайного PHP

    Регистр.:
    14 сен 2006
    Сообщения:
    481
    Симпатии:
    93
    В случае jQuery:
    Код:
    $('h3').each(function() {
      $(this).html($(this).html().substr(4));
    });