動態查找jQuery元素如果存在

Question

我有一個函數，如果調用，將更新另一個對象，如果它存在。事情是，當頁面被創建時，id是未知的。

因此，舉例來說，我的繼承人代碼：

$('.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

我猜你想建立一個字符串使用attibute

個

$("#" + $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"); 
    }