Question

我有一个aspx页面，我必须在所有H2标签之间打印标题，我已经编写了代码，但它无法显示我期望的输出....

 aspx code
 <html xmlns="http://www.w3.org/1999/xhtml" >
 <head runat="server">
 <title></title>
 <script type="text/javascript">
    $(document).ready(function() {
     $("h2").each(function (index) {
       this.innerHTML = "Section " + index;
  });
  });
  </script>
  </head>
  <body>
  <form id="form1" runat="server">
  <div id="div1">
  <h2 title="kj"></h2>
  <h2 title="kl"></h2>
  <h2 title="lo"></h2>
  </div>
  </form>
  </body>
  </html>

Answer 1

您似乎没有在任何地方包含jQuery。您需要先引用它。此外，建议使用.html()方法而不是innerHTML：

<html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
    <title></title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        $("h2").each(function (index) {
            $(this).html("Section " + index);
        });
    });
    </script>
    </head>
    <body>
        <form id="form1" runat="server">
            <div id="div1">
                <h2 title="kj"></h2>
                <h2 title="kl"></h2>
                <h2 title="lo"></h2>
            </div>
        </form>
    </body>
</html>

Answer 2

在包含jquery js

之后尝试这个

 $(document).ready(function() {

 $("h2").each(function (index) {
   $(this).innerHTML = "Section " + index;
 });
 });

Answer 3

您甚至可以决定在此时创建<h2>。

$(document).ready(function() {
    $('#div').prepend('<h2>Your text1</h2>');
    $('#div').prepend('<h2>Your text2</h2>');
    $('#div').prepend('<h2>Your text3</h2>');
});

如果需要，您还可以在其中添加所有属性，例如id，title和class。

无法在jQuery中显示H2标签中的标题名称

3 个答案: