-2

以下の jQuery を修正して、一般的な .myCss スタイルに追加する代わりに、特定の div 'myDiv' 内の css に追加できますか?

var myDiv= $("#myDiv");
$('<a class=\".newCss\" href=\"#\"></a>').appendTo('.myCss');

cssに追加することで、divがこれから変換されることを意味します:

<div id="myId" class="myCss">
</div>

これに： 

<div id="myId" class="test">
    <a class="myCss"></a>                                               
</div>
4

5 に答える 5

2

セレクターを変えるだけ。

$('<a class=\".newCss\" href=\"#\"></a>').appendTo('#myDiv');

別の方法として、既に参照があるため、以前にそのセレクターを使用して作成した jQuery オブジェクトを渡すだけです。

var myDiv= $("#myDiv");
$('<a class=\".newCss\" href=\"#\"></a>').appendTo(myDiv);

質問が書き直されたので：

  1. .クラス名にばかげたものを入れたくない場合は、入れないでください
  2. href 属性が必要ない場合は、入れないでください。
  3. HTML で使用する ID が CSS で使用する ID と一致していることを確認してください

そのような：

var myDiv= $("#myId");
$('<a class="newCss"></a>').appendTo(myDiv);
于 2012-05-30T12:38:03.090 に答える
0 
$('<a class="newCss" href="#"></a>').appendTo('#myDiv .myCss');
于 2012-05-30T12:38:11.517 に答える
0

もちろん：

var myDiv= $("#myDiv");
$('<a class="newCss" href="#"></a>').appendTo(myDiv);

または単に：

$('<a class="newCss" href="#"></a>').appendTo('#myDiv');

または

$("#myDiv").append('<a class="newCss" href="#"></a>');

または

$("#myDiv").html('<a class="newCss" href="#"></a>');

修正事項:

  • からドットを削除class=\".newCss\"
  • 不要なエスケープ文字を削除\
于 2012-05-30T12:38:31.417 に答える
0

これを試して：

$('<a class=\".newCss\" href=\"#\"></a>').appendTo("#myDiv .myCss");
于 2012-05-30T12:38:38.240 に答える
0

更新された質問から、実際のクラスに関係なく、クラス#myDivが新しい要素にコピーすることが要件であると想定しました。<a>

var myDiv= $("#myDiv");               // find the div
var cls = myDiv.attr('class');        // get its existing class
$('<a>', {href: '#', 'class': cls})   // create the new link with that class
  .appendTo(myDiv);                   // append it
myDiv.removeClass().addClass('test'); // change the div's class
于 2012-05-30T12:48:02.803 に答える