Javascript 过滤相关属性
我的页面上有几个rel属性,我只想过滤属性Javascript 过滤相关属性,javascript,jquery,Javascript,Jquery,我的页面上有几个rel属性,我只想过滤属性rel=“attachment 但问题是每个rel=attachment属性都有更多的rel,例如: rel="attachment wp-att-53" rel="attachment wp-att-54" rel="attachment wp-att-55" 页面上还有rel属性的其他名称,例如: rel="otherRel" 以下代码正在复制所有rel属性: $(function() { $('a[rel]').appendTo('.two
rel=“attachment
但问题是每个rel=attachment
属性都有更多的rel
,例如:
rel="attachment wp-att-53"
rel="attachment wp-att-54"
rel="attachment wp-att-55"
页面上还有rel
属性的其他名称,例如:
rel="otherRel"
以下代码正在复制所有rel属性:
$(function() {
$('a[rel]').appendTo('.two');
});
如何仅过滤属性rel=attachment
请参见JSFIDLE:
您可以使用这样的
$('a[rel^=attachment]')
^=
表示以开头,因此生成的列表将只包含具有rel
属性的元素,该属性的值以附件开头。
您可以使用类似的$('a[rel^=attachment]')
^=
表示以开头,因此结果列表将仅包含具有rel
属性的元素,其值以附件开头,如下所示:
$('a[rel^="attachment wp"]').appendTo('.two');
像这样:
$('a[rel^="attachment wp"]').appendTo('.two');
这与显示的任何元素都不匹配…属性值不等于selector@LiroyLeshed.com谢谢,如果图片之前没有空白,我该怎么做?使用另一个问题中的方法删除原始DOM元素:)@LiroyLeshed.com我在滚动页面时有一种效果向下,图像从左侧或右侧显示。但使用此代码时,scrooling效果无法正常工作。滚动超出图像范围,只有在覆盖图像后,效果才会出现在您的代码或@Roamer-1888代码中。结果是相同的,与所示的任何元素都不匹配……属性值不相等正如秘书长所建议的那样selector@LiroyLeshed.com谢谢,如果图片之前没有空白,我该怎么做?使用另一个问题中的方法删除原始DOM元素:)@LiroyLeshed.com我有一个效果,当向下滚动页面时,图像会从左侧或右侧显示。但是使用此代码时,scrooling效果无法正常工作。滚动超出了图像范围,只有在使用您的代码或@Roamer-1888代码覆盖了图像后,效果才会出现。结果是sameThanks,它起作用了。还有一个问题,我如何确保图像之前的位置没有空的空间?@Gislef我不确定您的意思。您知道吗想反转此过程吗?appendTo
将所有
内容(包括图像)更改到另一个位置。但以前的位置是一个空白。我希望我没有留下这个空白谢谢,这很有效。只需再问一个问题,我如何使图像以前的位置没有空白?@Gislef我不是我不确定你的意思。是否要反转此过程?appendTo
将所有
内容(包括图像)更改到另一个位置。但以前的位置是一个空白。我希望我没有留下这个空白