Question

Can below jQuery be amended so that instead of appending to the generic .myCss style I can append to the css within the specific div ‘myDiv’ ?

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

By append to css I mean the div gets converted from this :

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

to this :

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

Answer 1

Just change the selector.

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

Alternative, since you have a reference to it already, just pass the jQuery object you created using that selector earlier.

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

---

Since the question has been rewritten:

1. If you don’t want a silly . in the class name, don’t put one in it
2. If you don’t want an href attribute, don’t put one in it
3. Make sure the id you use in the HTML matches the id you use in the CSS

Such:

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