Question

I have a function in javascript that draws images on a random canvas

I select my img source using javascript default selector,then draw part this image on a desired canvas

I want to use jquery to select my img object, but when I replace var img =document ... with var img=$("#karajan"), but the function do not draw image on canvases

Also I’ve tried var img=$("#karajan").text() .... $("#karajan").val() .... $("#karajan").html() but none of them did not work

    function drawImage() {

        var img = document.getElementById("karajan");
        var arr = getRandomArray();
        for (var i = 0; i < 3; i++) {
            for (var j = 0; j < 3; j++) {
                var dx = ((j == 0) ? 0 : j * 150 + j * 10);
                var dy = ((i == 0) ? 0 : i * 150 + i * 10);
                var k = i * 3 + j;
                if (k > 7) continue;

                getCanvas(arr[k] - 1).drawImage(img, j * 150, i * 150, 150, 150, 0, 0, 150, 150);

            }
        }
    }

Answer 1

You can just use $("#karajan").get(0). or $("#karajan")[0].