jquery:读取div id并删除相应的div?
哎,, 不知道这篇文章应该有什么标题,很难描述: 我有一个带数字的动态idjquery:读取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保存了一篇文章
<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将有助于简化选择。