Javascript 如何使用不同的div id调用相同的函数？_Javascript_Jquery

Javascript 如何使用不同的div id调用相同的函数？

javascript jquery

Javascript 如何使用不同的div id调用相同的函数？,javascript,jquery,Javascript,Jquery,我有两个ID不同的div（#washing，#漂白）。如何为不同的ID使用函数。我已尝试将两个ID一起添加$（“#清洗，#漂白”），但函数在div上无法正常工作代码如下： $(function() { $("#washing").paginate({ count: 10, start: 1, display: 7, border: true, border_color: '#fff', on

我有两个ID不同的div（

#washing

，

#漂白

）。如何为不同的ID使用函数。我已尝试将两个ID一起添加

$（“#清洗，#漂白”）

，但函数在div上无法正常工作

代码如下：

$(function() {
    $("#washing").paginate({
        count: 10,
        start: 1,
        display: 7,
        border: true,
        border_color: '#fff',
        onChange: function(page) {
            $('._current', '#paginationdemo').removeClass('_current').hide();
            $('#p' + page).addClass('_current').show();
        }
    });
});

为两个div提供相同的类名并用作

 $(function() {
    $("div.class_name").paginate({
        count: 10,
        start: 1,
        display: 7,
        border: true,
        border_color: '#fff',
        onChange: function(page) {
            $('._current', '#paginationdemo').removeClass('_current').hide();
            $('#p' + page).addClass('_current').show();
        }
    });
});

您的多选择器语法正确。但问题是#paginationdemo是一个单独的元素。如何用一个寻呼机对两个div进行分页。使paginationdemo成为CSSClass选择器并将其附加到parentdiv

$（'洗涤，'漂白，'分割3'）。隐藏（）

例如：

<!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>JQUERY: Same function for multiple elements</title>
<?php
# jquery
include_once("latest_jquery.php");
?>
<!-- Page Script -->
<script type="text/javascript">
$(function(){
    $('#washing,#bleaching,#div3').hide();
});
</script>
</head>
<body>
<h2>jQuery: Using the same function for different elements</h2>
<h4>Test: hide these divs</h4>
div 1:
<div id="washing" style="border:solid 1px; height:20px;"></div>
div 2:
<div id="bleaching" style="border:solid 1px; height:20px;"></div>
div 3:
<div id="div3" style="border:solid 1px; height:20px;"></div>
</body>
</html>


JQUERY：对多个元素使用相同的函数
$（函数（）{
$（“#洗涤，#漂白，#div3”）.hide（）；
});
jQuery：对不同的元素使用相同的函数
测试：隐藏这些div
第一组：
第2组：
第3组：

$（“#洗涤，#漂白”）似乎是对的

检查是否有任何错误抛出。由于此原因，此代码块可能已被跳过
假设没有错误。你能试试这个吗：
$（函数（）{ $（“#洗涤，#漂白”）.addClass（'testclass'）。分页({ //和你给的一样 }); });

代码与您编写的代码几乎相同，但我在paginate调用之前添加了addClass调用。检查是否添加了类名。如果是，那么问题不在$method中，而一定与paginate方法有关。

这就是我试图实现的示例（）。见演示5。我需要在页面上有4套演示5的例子。所以，我对每个集合使用了不同的ID。但是这个函数产生了一个问题。这里是源代码$（“#washing”，“#漂白”）不正确。此语句表示在id为“漂白”的元素中查找id为“清洗”的元素。这不是那鸿要找的。我认为你的选择是好的。您确定页面中存在id为

的元素吗？如果是这样的话，如果您对paginate
分别进行两次调用，这是否有效？@Andrew:是的，我有一个带有漂白的元素。这里的问题是，onChange函数有另一个id（paginationdemo）。类似地，我还为漂白创建了#漂白，#onChange函数中的漂白图标$（“#清洗，#漂白”）.paginate（{}）$（“.u current”，”#paginationdemo，#漂白图标”）.removeClass（“#current”）.hide（）；请参见此处的工作示例：