Не работает span.text(''). JS jQuery. Как исправить?

Question

[Let_peace]

Необходимо в span.mydiv_span изменить data-one, data-two и текст. Это делать надо именно через div.mydiv. Подобных конструкций с span.mydiv_span внутри div.mydiv много, т.е. не получится просто обратиться $('.mydiv_span').
Не работает именно span.text(''); (data меняется корректно): Uncaught TypeError: span.text is not a function
Подскажите, пожалуйста, в чем я ошибаюсь? я совсем запутался в этом, не ругайте сильно)

HTML:

...
<div class="mydiv" data-i="1" data-j="2">
    <span class="mydiv_span" data-one="one" data-two="two">TEXT</span>
</div>
...

JS:

// ...
var i,j;
// i=1;
// j=2;
var span = $('[data-i=i][data-j=j]')[0].children[0];
span.dataset.one = '';
span.dataset.two = '';
span.text('');
// ...

Answer 1

[Воващ]

$(span).text('');

Comments

[Let_peace]

я же отметил, что конструкций с span много. мне нужна поменять текст в конткретном span, который лежит в нужном мне div, который в свою очередь определяется двумя data-one,data-two

[Воващ]

Let_peace, посмотри свой код, это не селектор это твоя переменная

[Let_peace]

Воващ, все. сработало. спасибо)

Answer 2

[Дима Паутов]

Зачем вы мешаете jquery и чистый js?

var span = $('[data-i=i][data-j=j]').children().first();

span.data('one', '')
span.data('two', '')
span.text('');

Comments

[Let_peace]

Согласен, не стоило так делать. Спасибо)