Question

我正在尝试抓取由php命令创建的集合的第一个<div>，问题是我似乎无法使函数工作或在创建div之后运行。

当页面加载时，php会创建5 <div>，我想隐藏第一个。{/ p>

Answer 1

以下是我为您提供帮助的示例：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>StackOverflow :: Help</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script>
            $(document).ready(function() {
                $('div.mydiv:first').hide();
            });
        </script>
    </head>
    <body>
        <?php
            echo "<div class='mydiv'>DIV 1</div>";
            echo "<div class='mydiv'>DIV 2</div>";
            echo "<div class='mydiv'>DIV 3</div>";
            echo "<div class='mydiv'>DIV 4</div>";
            echo "<div class='mydiv'>DIV 5</div>";
        ?>
    </body>
</html>

您可以尝试此示例，并在页面加载时看到第一个div实际上是隐藏的。希望这会对你有所帮助。

Answer 2

您可以尝试以下操作，为每个div提供一个类，如下所示：

<div class="mydiv"></div>

之后，使用jQuery，您可以隐藏第一个div：

$(document).ready(function() {
    $('div.mydiv:first').hide();
});

Answer 3

如果你有一个独特的id，你可以像这样进入元素：

<div id="div1"></div> <!--get this div -->
<div id="div2"></div>

$('#div1').hide();

否则，如果您有一个与<div>组相关联的类名，您可以像这样访问第一个：

<div class="myClass"></div> <!--get this div -->
<div class="myClass"></div>

$('.myClass')[0].hide();

如果class没有id或<div>，您可以这样访问：var myDiv = $('div')[i];，其中i是如果您要将所有<div>按顺序放入网页中，则需要<div>的从零开始的索引号。例如，如果您要访问的<div>是页面上出现的第二个div，则可以使用var myDiv = $('div')[1];

访问它

<div id="randomDiv"></div>

<div></div> <!--get this div -->
<div></div>

$('div')[1].hide();

您可能已经注意到，在JQuery中按id，class和tag选择元素的方式与使用CSS引用这些项目的方式相同。

如何用jquery来定位php创建的div？

3 个答案: