jquery элемент вызвавший функцию

305
24 февраля 2017, 02:30

Привет есть код.

<input id="sort" oninput="update(this.value)" type="text" value="">

я хочу в функции обратится к элементу который вызвал функцию. Пишу но не чего не выходит

function update(value)
{
   $(this).css(//код);
}

Хотел избавится от oninput="update(this.value)" сделав 

function update() 
{
   $(this).css({ "fontSize": "40" })
}
$(document).ready($("#sort").update());

Но тоже не вышло( Так как обратится в функции к элементу который вызвал функцию. И если можете напишите как сделать второй варинат

Answer 1

Так вам надо, собственно, и передавать в функцию сам элемент (this), а не его значение (this.value). А в функции им манипулировать

function update(el) { 
    var myEl = $(el); 
   
    console.log(myEl.val()); 
    myEl.css({'width': (myEl.width() + 10) + 'px', 'height': (myEl.height() + 10) + 'px'});  
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input id="sort" oninput="update(this)" type="text" value="">

jquery - oninput="update(this)" уже не требуется

$("#sort").on('keyup', function() { 
  update(this); 
}); 
 
function update(el) {     
  var myEl = $(el); 
   
  console.log(myEl.val());     
  myEl.css({'width': (myEl.width() + 10) + 'px', 'height': (myEl.height() + 10) + 'px'});  
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input id="sort" type="text" value="">

READ ALSO
Ошибка sel_EL.select2 is not a function
javascript

Ошибка sel_EL.select2 is not a function

Добрый деньНа сайте https://mil-ru

 227
Ограничение количества post запросов
jQuery

Ограничение количества post запросов

Добрый вечерСтолкнулся с проблемой, имею сайт, на котором по кнопке выполняется покупка цифрового товара

 213
GET/POST запрос в JSON (jQuery)
jQuery

GET/POST запрос в JSON (jQuery)

Не могу сообразить

 387
Получить значения из json
jQuery

Получить значения из json

Есть обработчик

 255