我的属性未正确追加
My attributes are not appending correctly
当前代码似乎附加所有内容,只要任何小于或等于 12 的数据项。
<div id="div1">
<li data-item="11"></li>
<li data-item="12"></li>
<li data-item="13"></li>
<li data-item="14"></li>
</div>
<div id="div2"></div>
IF语句中是否缺少某些内容?
$("#button").on("click", function(){
var item = $("div li").each(function(){
return $(this).filter('[data-item]');
});
if (item.attr("data-item") <= 12){
item.appendTo("#div2");
}
});
首先,您的标记无效,您应该用 ol
或 ul
元素包装li
元素。此外.fllter()
方法的用法不正确,x
变量undefined
,请尝试以下操作:
<ul id="ul1">
<li data-item="11"></li>
<li data-item="12"></li>
<li data-item="13"></li>
<li data-item="14"></li>
</ul>
<ul id="ul2"></ul>
$("#button").on("click", function() {
// Filter the li elements
$("#ul1 li").filter(function(_, item) {
return $(item).attr("data-item") <= 12;
}).appendTo("#ul2"); // append the returned elements to another element
});
http://jsfiddle.net/vPXh3/
不,if
没问题...问题是x
未定义。
只是写
item.appendTo("#div2");
//define x
$("#button").on("click", function(){
var item = $("div li").each(function(){
return $(this).filter('[data-item]');
});
if (item.attr("data-item") <= 12){
var x = //item;
x.appendTo("#div2");
}
});
相关文章:
- 如何将 JSON 值追加到 HTML 属性
- 追加并替换data-*属性URL的查询字符串值
- 拖放区将动态属性追加到 #dz 删除
- 将数组值追加到选定元素的 ID 属性
- 检票口复选框属性追加器
- Javascript 字符串在追加为类属性时按空格拆分
- 我的属性未正确追加
- Internet Explorer 会自动将高度和宽度属性添加到新追加的图像中
- 以 Jquery 点表示法将属性追加到对象
- 追加数据属性时出现无法识别的表达式
- 文本和输入元素以相同的方式追加和给定属性.显示文本,但不显示输入.为什么
- 在追加之前更改克隆元素的属性
- 如何根据elements类将elements属性追加到跨度中
- Javascript: object属性是数组,但是追加是不工作的
- Gulp.js在使用gulp.useref后为SRC和href属性追加字符串
- 在Jquery中传递属性到追加函数不工作
- 无法获取属性值'appendChild':对象为空或未定义"同时追加脚本到IE
- 在JavaScript中追加对象和属性
- JavaScript追加、创建和添加属性
- jQuery -添加/追加值到"rel"属性