Показать сообщение отдельно
  #3 (permalink)  
Старый 30.01.2014, 10:22
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,563

Vanilla
<div id="test">
      <a id="various1" href="#">Действие</a>
      <a id="various2" href="#">Действие</a>
      <a id="various3" href="#">Действие</a>
      <a id="various4" href="#">Действие</a>
      <a id="various5" href="#">Действие</a>
      <a id="various6" href="#">Действие</a>
      <a id="various7" href="#">Действие</a>...
      <a id="various200" href="#">Действие</a>
      <a  href="#">Действия нет</a>
    </div>
    <script>
      test.onclick = function (e) {
        e = e || window.event;
        target = e.target || e.srcElement;
        if (!(target.tagName == "A" && target.id.slice(0, 7) == "various")) return;
        alert(target.id);
      }
    </script>

jQuery
<div id="test">
      <a id="various1" href="#">Действие</a>
      <a id="various2" href="#">Действие</a>
      <a id="various3" href="#">Действие</a>
      <a id="various4" href="#">Действие</a>
      <a id="various5" href="#">Действие</a>
      <a id="various6" href="#">Действие</a>
      <a id="various7" href="#">Действие</a>...
      <a id="various200" href="#">Действие</a>
      <a href="#">Действия нет</a>
    </div>
    <script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.js'></script>
    <script>
      jQuery(function ($) {
        $('#test').on('click', 'a[id^=various]', function () {
          alert(this.id);
        });
      });
    </script>

Последний раз редактировалось Vlasenko Fedor, 30.01.2014 в 15:08.
Ответить с цитированием