jQuery - 設置.html（）元素的數據爲屬性

Question

請問，有沒有什麼辦法將內容放入元素不知道ID或類，但它的屬性？我有更多的這對雙胞胎的地方：

<input id="someSpecialId" class="autocomplete"/> 
<ul data-for="someSpecialId"></ul> 

列表可以在頁面上的任何地方，而不是輸入旁邊。 在jQuery中我有這樣的：

$(document).on('keyup', '.autocomplete', function() { 
    var sectionName = 'autocomplete'; 
    var min_length = 2; 
    var inputID = $(this).attr('id'); 
    var keyword = $(this).val(); 
    var $output = // HERE I NEED TO PUT FOUND ELEMENT BY IT'S data-for = inputID 
    if (keyword.length >= min_length) { 
     $.ajax({ 
      url: 'php/readDB.php', 
      type: 'POST', 
      data: {section: sectionName, keyword:keyword}, 
      success:function(data){ 
       $output.show(); 
       $output.html(data); 
      } 
     }); 
    } else { 
     $output.hide(); 
    } 
}); 

你有什麼想法嗎？非常感謝你的回答。

Answer 1

var $output = $('[data-for="'+inputID+'"]'); 

該attribute equals selector。

Answer 2

您可以使用它的選擇器屬性。一般來說，他們是這樣的：無論是在CSS和jQuery

$('ul[data-for="'+inputID+'"]'); 

這些工作：[attribute="value"] 在你的情況，你可以使用這樣的事情。這裏有一個jsFiddle的例子：http://jsfiddle.net/3p6e57gw/1/