-1

私はいくつかの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/

4

5 に答える 5

9

クラスではなくIDセレクターを使用する必要があります

$(".waterwheel-carousel-default") に変更$("#waterwheel-carousel-default")

于 2012-10-12T09:49:22.453 に答える
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

このコードを試してください：正常に動作します：

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 に答える
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 に答える