JQuery цикл через Div и события связывания - PullRequest
Новая
       35

JQuery цикл через Div и события связывания

0 голосов
/ 22 декабря 2010

У меня есть ниже HTML.Не могли бы вы рассказать мне, как использовать jquery для циклического просмотра каждого div-элемента query_chunk и привязки различных событий к каждому элементу внутри div?

Я знаю, что могу использовать функцию .each, но застрял в синтаксисе.Любые идеи приветствуются. 

                <div id="query_chunk_1">
                    <select class="parameter" id="parameter_1" name="parameter_1">
                        <option title="Keyword Anywhere" value="Anywhere">Keyword Anywhere</option>
                        <option title="Author or Contributor" value="Contributor">Author or Contributor</option>
                        <option title="Title" value="Title">Title</option>
                        <option title="Subject" value="Subject">Subject</option>
                    </select>
                    <input id="keyword_1" name="keyword_1" type="text" />
                    <a href="#"  id="remove_1"  title="Remove">[-]
                        </a>
                </div>
                <div id="query_chunk_2">
                    <select class="parameter" id="parameter_2" name="parameter_2">
                        <option title="Keyword Anywhere" value="Anywhere">Keyword Anywhere</option>
                        <option title="Author or Contributor" value="Contributor">Author or Contributor</option>
                        <option title="Title" value="Title">Title</option>
                        <option title="Subject" value="Subject">Subject</option>
                    </select>
                    <input id="keyword_2" name="keyword_2" type="text" />
                    <a href="#"  id="remove_2"  title="Remove">[-]
                        </a>
                </div>

1 Ответ

4 голосов
/ 22 декабря 2010
Ключевое слово в любом месте Автор или участник Название Тема [-] 
            <div id="query_chunk_2" class="con">
                <select class="parameter" id="parameter_2" name="parameter_2">
                    <option title="Keyword Anywhere" value="Anywhere">Keyword Anywhere</option>
                    <option title="Author or Contributor" value="Contributor">Author or Contributor</option>
                    <option title="Title" value="Title">Title</option>
                    <option title="Subject" value="Subject">Subject</option>
                </select>
                <input id="keyword_2" name="keyword_2" type="text" />
                <a href="#"  id="remove_2"  title="Remove">[-]
                    </a>
            </div>


$(function() {
     $("div.con").each(function() {
          $(this).live('eventname', functionname);
     });
});

Также обратите внимание, что я добавил классы в div.Вы также можете привязать к событию, используя .bind вместо .live 

$(this).bind('eventname',function(event){alert('Hi there!');});

Также обратите внимание на то, что в первом примере я использовал «имя_функции», где оно является реальной функцией в вашем файле сценария, но в случаевстроенная функция в синтаксис. Вы можете использовать любой. Вы даже можете иметь: 

$(this).live('eventname',function(event){alert('Hi there!');});

Обновление # 1

Для привязки к отдельным элементам управления используйте: 

$(function() {
         $("div.con").each(function() {
              $(this).find("elementId").live('eventname', functionname);
         });
    });
...