<div onclick="getUser(this)">
function getUser(obj){
var name=$(obj).text();
var userid = $(obj).attr("userid");
var attrUser = new Array();
//alert($("#user1").find("span").length);
if($("#user1").find("span").length>0){
$("#user1").find("span").each(function(i){
// alert($(this).attr('userid'));
attrUser[i] = $(this).attr('userid');
})
if($.inArray(userid, attrUser)==-1){
$('#user1').append('<span class="label label-primary" style="display: inline-block;height:20px;font-size:14px;" userid="'+userid+'">'+name+'</span>'+' ');
}
}else{
$('#user1').append('<span class="label label-primary" style="display: inline-block;height:20px;font-size:14px;" userid="'+userid+'">'+name+'</span>'+' ');
}
}
分享到:
相关推荐
直接看例子 代码如下: for(var p=1;... } } <div class=”banner” id=”properties1″> <span>【${property1 }】</span> <div id=”property1″ class=”bannerchild”></div> </div> <div cla
在JavaScript的世界里,jQuery库为开发者提供了简便的方式来操作DOM元素,包括属性操作和循环处理。本文将深入探讨jQuery中的属性操作和循环用法,通过实例帮助理解这些功能。 ### jQuery属性操作 #### 1. 读取...
`$("#a,.b,span")`可以同时获取id为a的元素、类为b的元素以及所有的span元素。`$("#a.bp")`则可以获取id为a且类为bp的p元素。 在获取元素时,我们也常常需要操作其层级关系。例如,`$("Element1 Element2")`用于...
- `$("p").find("span")`会找到所有`<p>`元素下的`<span>`子元素。 5. **添加CSS类** - `$("p").addClass("selected highlight")`会给所有`<p>`元素添加`selected`和`highlight`两个CSS类。 6. **jQuery的load...
//鼠标放上去和移开的不同效果(自动循环所有p对象) 5、动画: 以下为引用的内容: $("p").show("slow");//隐藏对象(慢速渐变) $("#go").click(function(){ $("#block").animate({ width: "90%", height: ...
动态创建一个 div 元素(以及其中的所有内容),并将它追加到 body 元素中。在这个函数的内部,是通过临时创建一个元素,并将这个元素的 innerHTML 属性设置为给定的标记字符串,来实现标记到 DOM 元素转换的。所以...
<span>title1</span> <span>title2</span> <span>title3</span> </div> <div class=slide-container><!--css设置时,注意高度是显示多少个item,如:item的高度是30px,显示3个,高度则是 3*30 = 90px -->...
` 克隆所有`<p>`标签,并将其追加到所有`<div>`标签内。 5. **空化元素**: `$("p").empty();` 清空所有`<p>`标签内的内容。 6. **包裹元素**: `$("p").wrap("<div class='container'></div>");` 使用带有`...
jQuery库本身并不包含模板功能,但可以通过插件如jQuery Templates或Underscore.js的_.template方法来实现这一功能。 **一、jQuery Templates 插件** jQuery Templates 插件是由Microsoft开发并维护的,它提供了一...
- **属性选择器**:根据元素的属性来选取元素,如`$("[href]")`选取所有带有`href`属性的元素。 ##### 2.2 操作CSS样式 - **设置CSS样式**:如`$("div").css("color", "red");`。 - **获取CSS样式**:如`$("div")....
这个属性在很多场景下都非常实用,比如在循环遍历匹配元素、判断是否存在匹配元素或根据元素数量执行某些操作时。例如,你可以检查一个元素集合是否为空,只需简单地检查`length`是否为0: ```javascript if ($("#...
- 组合选择器:通过逗号分隔,可以同时选择多个不同的元素集合,如`$('div, span')`。 - 层次选择器:例如`parent > child`,`ancestor descendant`,`prev + next`,`prev ~ siblings`,用于选取特定关系的元素。...
- `children()`:获取元素的所有直接子元素。 - `prepend()` 和 `append()`:在元素内容的开头或结尾添加新的内容。 - `show()`, `hide()`, 和 `remove()`:控制元素的可见性,以及删除元素。 - 链写法:允许在一个...
以下例子展示了如何获取`#group`下所有`span`元素的ID: ```javascript var arr = []; for (var index = 0; index $("#group span").size() - 1; index++) { arr[index] = index; } $.each(arr, function(i) {...
开发者可以将HTML元素(如div、span等)与模板指令结合,这些指令告诉jTemplates如何处理数据。模板通常包含变量占位符,当插件遇到这些占位符时,会用来自服务器的数据进行替换。这种模板引擎的灵活性使得网页可以...
- $(this).next(): 获取当前被点击的`span`元素的下一个兄弟元素,即`div`。 - $(this).next().is(":visible"): 检查这个`div`是否可见。 - $(this).next().slideUp(): 如果`div`可见,则使用slideUp方法将其滑动...
1. **选择元素**:首先,我们需要选择要显示数字的HTML元素,这通常是一个`<span>`或`<div>`标签,并为其设置初始值。 2. **绑定事件**:接着,利用jQuery的`.click()`、`.hover()`或`.load()`等方法,为特定的用户...