jquery:读取div id并删除相应的div?

jquery:读取div id并删除相应的div?,jquery,Jquery,哎,, 不知道这篇文章应该有什么标题,很难描述: 我有一个带数字的动态id <div id="post-full-116">Content</div> <div id="post-116">Content</div> 在本例中,我想查询id=post-full-116的动态编号116,如果页面上存在id=post-116的另一个div,我想删除它 听起来很奇怪,我知道。所以你得到了它背后的想法,id=post number的div保存了一篇文章

哎,, 不知道这篇文章应该有什么标题,很难描述:

我有一个带数字的动态id

<div id="post-full-116">Content</div>

<div id="post-116">Content</div>
在本例中,我想查询id=post-full-116的动态编号116,如果页面上存在id=post-116的另一个div,我想删除它

听起来很奇怪,我知道。所以你得到了它背后的想法,id=post number的div保存了一篇文章的预览,id=post full number的div保存了一篇文章的全部内容

如果已经显示了完整文章,我不想显示文章的预览,所以我只想用jquery隐藏它。我知道我以前应该在服务器端这样做,但是在这种情况下jquery将是完美的

知道如何查询动态id的编号并删除具有相同编号的相应div吗

谢谢

。如果div是隐藏的,则切换将显示该div;如果div是可见的,则切换将隐藏该div。 例如:

或者,您可以使用以下命令检查div是否可见或隐藏:

if ($"#post-116").is(":visible")
{
  $("#post-116").hide();
  $("#post-full-116").show();
}
else
{
  $("#post-116").show();
  $("#post-full-116").hide();
}
.toggle将显示隐藏的div,如果可见则隐藏。 例如:

或者,您可以使用以下命令检查div是否可见或隐藏:

if ($"#post-116").is(":visible")
{
  $("#post-116").hide();
  $("#post-full-116").show();
}
else
{
  $("#post-116").show();
  $("#post-full-116").hide();
}

如果是全尺寸版本,您可以只添加一个内容并添加class=full之类的内容吗。如果从预览视图转到全尺寸视图,只需找到id=post-116的元素,替换内容并添加属性。如果您从全尺寸视图转到预览,然后再次找到div,替换内容并删除类。

如果是全尺寸版本,您可以只拥有一个内容并添加class=full之类的内容吗。如果从预览视图转到全尺寸视图,只需找到id=post-116的元素,替换内容并添加属性。如果您从“全尺寸”视图转到“预览”,然后再次查找div,替换内容并删除类。

我想您应该这样做:

$(function() {
    $('[id^=post-full]').each(function() {
         var num = $(this).attr('id').replace(/post\-full\-/,'');
         $('#post-' + num).hide();
    });
});
这应该抓住所有完整的文章,找到文章的编号,并隐藏预览版本

更新:


这里有一个现场演示:

我想你会这样做:

$(function() {
    $('[id^=post-full]').each(function() {
         var num = $(this).attr('id').replace(/post\-full\-/,'');
         $('#post-' + num).hide();
    });
});
这应该抓住所有完整的文章,找到文章的编号,并隐藏预览版本

更新:


这里有一个现场演示:

这些div不会碰巧有任何类型的类,是吗?class=post将有助于简化选择。这些div不会碰巧有任何类型的类,是吗?class=post将有助于简化选择。