-1

我正在练习一些 jquery 函数，但我被困在这里，prepend 不适合我。谁能请为什么它不起作用？

HTML：

<html>
    <head><title>BLAH</title></head>

    <body>
<div id="waterwheel-carousel-default">
    <a href="#" id="Up" class="UpLink">Up</a>
    </div>
    </body>
</html>

JavaScript：

var noofpagelinks = 2;
var count;
for (count = 0; count < noofpagelinks; count++) {
    $(".waterwheel-carousel-default").prepend("<a href=# class=PageLink id=PageLink" + count + "/>" + count + "</a>");
}​

JSFiddle：http: //jsfiddle.net/YGSS4/4/

4

5 回答 5

9

您应该使用 ID 选择器，而不是类

更改$(".waterwheel-carousel-default") 为$("#waterwheel-carousel-default")

于 2012-10-12T09:49:22.453 回答
5 
<div id="waterwheel-carousel-default">

代码中的小错误。

$(".waterwheel-carousel-default")

.是一个类选择器，它将选择具有 name 的元素waterwheel-carousel-default。但是在您的代码中，您正在使用id="waterwheel-carousel-default" . 所以你需要使用

$('#waterwheel-carousel-default')
于 2012-10-12T10:02:42.963 回答
2

waterwheel-carousel-default是 ID，所以你应该使用 hash #：

var noofpagelinks = 2;
for (var count = 0; count < noofpagelinks; count++) {
    $("#waterwheel-carousel-default")
      .prepend("<a href='#' class='PageLink' id='PageLink"
        + count + "'>" + count + "</a> ");
}​

演示：http: //jsfiddle.net/YGSS4/10/

于 2012-10-12T09:49:54.863 回答
1 
$(".waterwheel-carousel-default")
   ^-----here is the problem it should be # since the "waterwheel-carousel-default"
                        is id (<div id="waterwheel-carousel-default"> )

还

prepend("<a href=#      class=PageLink    id=PageLink"

                 ^^          ^^^^^^^^^^     ^^^^^^^^^^
 should be    href='#'   class='PageLink'  id='PageLink'
于 2012-10-12T09:50:35.177 回答
1

试试这个代码：它工作正常：

var noofpagelinks = 2;
var count;
for (count = 0; count < noofpagelinks; count++) {
    $("#waterwheel-carousel-default").prepend('<a href="#" class="PageLink" id="PageLink"' + count + '>' + count + '</a>');
}

JSFIDDLE：http: //jsfiddle.net/fQQ68/

于 2012-10-12T09:52:08.583 回答