Question

I am trying to target following with jQuery:

<link rel="stylesheet" href="css/test.css">

What I cannot figure out is how to set default path (css folder) ?

<button data-button="test">Just a Test</button>


<script>
var button = $('button'),
    link = $('link'),
    stylesheet = $(this).data('button');

    button.on('click', function() {
        console.log(this);
        link.attr('href', stylesheet + '.css');
});
</script>

Right now this would change css on button click only if css is in root… So how do I tell him that CSS default path is at “css/”.

Trying to find without success.

P.S. One question releated to JS but not to question title.

What is more perferred and correct:

var $something = $('#something');
or
var something = $('#something');

Answer 1

As easy as this

link.attr('href', 'css/' + stylesheet + '.css');