динамически найти элемент jquery, если существует

Question

У меня есть функция, где if called, будет обновлять другой объект, если он существует. Дело в том, что при создании страницы идентификатор неизвестен.

так, например, Heres мой код:

$('.slides').on("slidestop", function() { 
        $this = $(this); 
        $.ajax({ 
         url: "action.php?event=ITEM "+$this.attr("data-itemID") + " " + this.value+"&itemID="+$this.attr("data-itemID"), 
         type:'POST', 
         success: function(result){ 
          //update brightness slider if it exists 
          $("#sl" + $this.attr('data-itemID')).val(15); 
          $("#sl" + $this.attr('data-itemID')).slider("refresh"); 
         }, 
        }); 
       }); 

HTML:

<input class='dimmerSlider' type='range' id='3' value='4' min='0' max='15' step='1' data-highlight='true' data-itemID='3'/> 

ошибка:

Uncaught TypeError: $(...).slider is not a function

Answer 1

Я предполагаю, что вы хотите, чтобы построить строку используя аттестат

$("#" + $this.attr('data-itemID')).val(15); 

или использовать данные вместо ATTR

$("#" + $this.data('itemID')).val(15); 

---

Чтобы ответить на ваш второй вопрос, если элемент не может быть найден.

Если вы выберете элемент с jQuery и его не существует, он будет проигнорирован при запуске методов против него. Если вам нужно знать, что не существует, чем вы можете проверить длину

var x = $(".mySelector"); 
if (!x.length) { //aka x.length===0 
    console.log("not found"); 
} 

Answer 2

also, the element is not guaranteed to exist, how do i check for that as well?

Попробуйте с помощью Attribute Equals Selector [name="value"], .is()

var elem = $("[id=" + $this.attr("data-itemID") + "]"); 
    if (elem.is("*")) { 
    // do stuff 
    elem.val(15) 
    .slider("refresh"); 
    }