将css附加到特定div

时间:2012-05-30 12:35:42

标签: javascript jquery

可以在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>  

5 个答案:

答案 0 :(得分: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匹配
  4. 这样:

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

答案 1 :(得分:0)

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

答案 2 :(得分: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\"
  • 删除了点
  • 删除了不必要的转义字符\

答案 3 :(得分:0)

试试这个:

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

答案 4 :(得分: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