-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 回答