【问题标题】:How to hide a tag and its content inside another tag如何将标签及其内容隐藏在另一个标签中
【发布时间】:2016-03-10 09:38:36
【问题描述】:

在我的 Web 应用程序中,我有一个通过查询 MySQL 生成的选择菜单,我想在其中显示一些供应商的信息。在里面我还需要有供应商的 id(这样如果用户点击行而不是显示街道地址),但我不希望向用户显示 id。这是我用 php 在服务器端尝试过的:

$value = $value."<p style='display:none;'>".$single["vendor_id"]."</p>";

但它不起作用。该行生成的 HTML 是:

<li class="ui-menu-item" id="ui-id-6" tabindex="-1">
    PANNA - LE MUCCHE DI GUGLIELMO - (LATTICINI) - LE MUCCHE 
    <p style='display:none;>1</p> 
    (33.543 Km)
</li>

这表明了这一点

这是我从 php 得到的:

$ris2[] = array(
            "value" => $value,
            "id" => $id,
            "venditore_id" => $single['venditore_id']
);

这是 Ajax 调用客户端:

$( "#tags" ).autocomplete({
        minLength: 2,
        source: function (request, response) {

            $.ajax({
                url: "http://lainz.softwebsrl.it/ajax/autocompletecibo",
                dataType: "json",
                crossDomain: true,
                type : 'post',
                data:
                {
                    valore: request.term+","+localLocation,
                },
                success: function (data)
                {
                    console.log(data);
                    response(data);
                }
            });
        },

这是 Ajax 指向的autocompletecibo.phtml

<?php 
  $data = $_GET;
  $data1 = $_POST;
  json_encode($data);
?>

我真的不知道在哪里检索那个关联数组 php...我只知道数组中 value 内的所有内容都将显示为 &lt;li&gt; 元素中的行。

【问题讨论】:

  • 这是图片中的列表项吗?
  • 如果您需要存储您的 id,请将其放在您的 id 属性中 li
  • @ThoVo 我无法控制
  • 标签和内容中的 php。它是稍后生成的,而不是由我生成的......
  • 那么您应该与生成li 标签的人讨论这个问题。他/她真的把id放在p里面,让你把它藏起来吗?
  • 不,这是我的想法之一...我不知道在哪里存储该 ID,而且我无法控制
  • 元素...
  • 标签: php jquery html css ajax


    【解决方案1】:

    如果您无法修改生成的 HTML,您可以在绑定任何侦听器或插件之前通过 jQuery 更改内容:

    $('li.ui-menu-item').each(function(i, elm) {
        elm = $(elm);
        var p = elm.find('p');
        elm.data('id', p.text());
        p.remove();
    });
    

    然后所有 id 都作为数据属性存储在每个 &lt;li&gt; 元素中。

    【讨论】:

    • 最后,创建一个jsfiddle或者plnkr,否则我无法测试。
    • 抱歉,我没有关注你,因为我对 jQuery 知之甚少……elm 和 i 是什么?
    • 恐怕我们彼此不理解...如果你愿意,请查看我的更新问题
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签