Question

我有以下的HTML。你能告诉我如何使用jquery遍历每个query_chunk div并将不同的事件绑定到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>

Answer 1

关键字无处不在作者或贡献者标题学科 [ - ]

            <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!');});

另请注意，在第一个示例中，我使用了“functionname，它是脚本文件中的实际函数，但在绑定情况下，我将函数嵌入到语法中。您可以使用任何。您甚至可以使用;

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

更新＃1

要绑定到各个控件，请使用：

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

jquery循环通过div和绑定事件

1 个答案: