Question

我正在使用自动填充脚本创建一个搜索字段，我可以搜索从我的数据库调用的用户列表。当结果显示在下拉列表中时，我希望人们能够点击用户的名称并弹出一个fancybox窗口，其中包含他们的信息。这是我正在使用的脚本：

<!-- Autocomplete search field. -->
<div class="input-group" style="float: right; width: 350px; margin-bottom: 10px;">
    <span class="input-group-addon"><i class="fa fa-fw fa-search"></i></span>
    <input type="text" id="search-tenants" placeholder="Search tenants..."/>
</div>
<script>
    var options = {
        data: [
            <?php 
                foreach ($usersList as $users) { 
                    $count++; ?> '<?=$users->getFirstName()?> <?=$users->getLastName()?>', <? 
                } 
            ?>
        ],
        list: {
            match: { enabled: true },
            onClickEvent: function() {
                $("td.tenant-name .info-card")[0].click();
            },
        }
    };
    $("#search-tenants").easyAutocomplete(options);
</script>

如果我要在foreach语句中添加锚点和结果的必要属性（如下所示），则fancybox按预期工作，但您可以在输入字段中看到所有代码。 / p>

<?php 
    foreach ($usersList as $users) { 
        $count++; ?> '<a class="info-card" data-fancybox-type="iframe" href="users.php?userid=<?=$users->getUserId()?>&mode=view"><?=$users->getFirstName()?> <?=$users->getLastName()?></a>', <? 
    } 
?>

所以我想问一下：在结果中添加类和属性的锚点的正确JavaScript方法是什么？我知道某处应该有一个setAttribute，但我不知道在哪里。

Answer 1

您可以使用jQuery appendTo。 http://api.jquery.com/appendto/

您将构建您的元素（在本例中为锚标记），然后将其附加到另一个元素。

$( "<p>Test</p>" ).appendTo( ".inner" );

在链接的这个例子中，它将paragraph元素附加到具有类＆＃34; inner＆＃34;的每个元素。

我希望有所帮助。

如何使用onClickEvent将setAttribute添加到var？

1 个答案: