javascript - jQuery - 通过元素的 data-for 属性将 .html() 设置为元素

Question

请问，有什么方法可以将内容放入不知道 id 或 class 的元素中，而是通过它的属性吗？我在页面上的某个地方有更多关于这对双胞胎的信息:

<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 .