Question

我正在练习一些jquery函数，我被困在这里，前置不适合我。有人可以问为什么它不起作用？

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/

Answer 1

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

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

Answer 2

<div id="waterwheel-carousel-default">

代码中的小错误。

$(".waterwheel-carousel-default")

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

$('#waterwheel-carousel-default')

Answer 3

waterwheel-carousel-default是ID，因此您应该使用哈希#：

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

DEMO： http://jsfiddle.net/YGSS4/10/

Answer 4

$(".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'

Answer 5

试试这段代码：它运作正常：

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/

Jquery前置不起作用

5 个答案: