Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jquery的文本框_Jquery - Fatal编程技术网

使用jquery的文本框

使用jquery的文本框,jquery,Jquery,下面的代码用于删除文本框。我使用了x。我需要在此处插入一个图像,并将3个文本框放在同一行中。这就像堆栈溢出一样。另一个选项是现在使用jquery动态创建dom节点,而是静态创建html,当用户将鼠标移到x标记上时,使用css和js显示/隐藏x标记 因此,假设html结构如下所示: <li class="comment"> <span class="content">comment text</span> <span class="close">x</spa

下面的代码用于删除文本框。我使用了x。我需要在此处插入一个图像,并将3个文本框放在同一行中。这就像堆栈溢出一样。

另一个选项是现在使用jquery动态创建dom节点,而是静态创建html,当用户将鼠标移到x标记上时,使用css和js显示/隐藏x标记

因此,假设html结构如下所示:


<li class="comment">
  <span class="content">comment text</span>
  <span class="close">x</span>
</li>

  • 评论文本 x
  • 然后是css:

    li.comment .content { display: inline-block; } li.comment .close { display: inline-block; } li.comment:hover .close { display: none; } content{display:inline block;} 关闭{display:inline block;} li.comment:hover.close{display:none;}
    对于不支持:hover(例如,IE<7)的浏览器,应该使用jquery使其工作。

    代码中仍然有表单元格结束标记。。。首先确保您有有效的代码。您是如何添加图像的?@Felix Kling:我的代码中没有表标记,上面我使用了div标记。对于图像,我使用了类似这样的img src=“path”@raam:您在上面的代码中有
    ,它们是表单元格结束标记。和<代码>$(此)。附加(“”)应该有用。@Felix Kling:现在我更改了它,并使用了table标记,但它是单行的,但不是deleting@Felix克林:如果我加上我得到了很多图片,它不是删除。