`
zfj_20130917
  • 浏览: 19310 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

jQuery 获取div下的所有span的属性,并循环

阅读更多
<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>'+' ');          
        }
            }
分享到:
评论

相关推荐

    jquery 循环显示div的示例代码

    直接看例子 代码如下: for(var p=1;... } } &lt;div class=”banner” id=”properties1″&gt; &lt;span&gt;【${property1 }】&lt;/span&gt; &lt;div id=”property1″ class=”bannerchild”&gt;&lt;/div&gt; &lt;/div&gt; &lt;div cla

    JQuery属性操作与循环用法示例

    在JavaScript的世界里,jQuery库为开发者提供了简便的方式来操作DOM元素,包括属性操作和循环处理。本文将深入探讨jQuery中的属性操作和循环用法,通过实例帮助理解这些功能。 ### jQuery属性操作 #### 1. 读取...

    Jquery 获取对象的几种方式介绍

    `$("#a,.b,span")`可以同时获取id为a的元素、类为b的元素以及所有的span元素。`$("#a.bp")`则可以获取id为a且类为bp的p元素。 在获取元素时,我们也常常需要操作其层级关系。例如,`$("Element1 Element2")`用于...

    AJAX与jquery试题

    - `$("p").find("span")`会找到所有`&lt;p&gt;`元素下的`&lt;span&gt;`子元素。 5. **添加CSS类** - `$("p").addClass("selected highlight")`会给所有`&lt;p&gt;`元素添加`selected`和`highlight`两个CSS类。 6. **jQuery的load...

    jquery-1.3.2

    //鼠标放上去和移开的不同效果(自动循环所有p对象) 5、动画: 以下为引用的内容: $("p").show("slow");//隐藏对象(慢速渐变) $("#go").click(function(){ $("#block").animate({ width: "90%", height: ...

    jQuery完全实例.rar

    动态创建一个 div 元素(以及其中的所有内容),并将它追加到 body 元素中。在这个函数的内部,是通过临时创建一个元素,并将这个元素的 innerHTML 属性设置为给定的标记字符串,来实现标记到 DOM 元素转换的。所以...

    Jquery实现无缝向上循环滚动列表的特效

    &lt;span&gt;title1&lt;/span&gt; &lt;span&gt;title2&lt;/span&gt; &lt;span&gt;title3&lt;/span&gt; &lt;/div&gt; &lt;div class=slide-container&gt;&lt;!--css设置时,注意高度是显示多少个item,如:item的高度是30px,显示3个,高度则是 3*30 = 90px --&gt;...

    jQuery 教程 PDF

    ` 克隆所有`&lt;p&gt;`标签,并将其追加到所有`&lt;div&gt;`标签内。 5. **空化元素**: `$("p").empty();` 清空所有`&lt;p&gt;`标签内的内容。 6. **包裹元素**: `$("p").wrap("&lt;div class='container'&gt;&lt;/div&gt;");` 使用带有`...

    jquery模版

    jQuery库本身并不包含模板功能,但可以通过插件如jQuery Templates或Underscore.js的_.template方法来实现这一功能。 **一、jQuery Templates 插件** jQuery Templates 插件是由Microsoft开发并维护的,它提供了一...

    txt版的锋利的jquery

    - **属性选择器**:根据元素的属性来选取元素,如`$("[href]")`选取所有带有`href`属性的元素。 ##### 2.2 操作CSS样式 - **设置CSS样式**:如`$("div").css("color", "red");`。 - **获取CSS样式**:如`$("div")....

    jQuery对象的length属性用法实例

    这个属性在很多场景下都非常实用,比如在循环遍历匹配元素、判断是否存在匹配元素或根据元素数量执行某些操作时。例如,你可以检查一个元素集合是否为空,只需简单地检查`length`是否为0: ```javascript if ($("#...

    jQuery1.4.1中文速查参考

    - 组合选择器:通过逗号分隔,可以同时选择多个不同的元素集合,如`$('div, span')`。 - 层次选择器:例如`parent &gt; child`,`ancestor descendant`,`prev + next`,`prev ~ siblings`,用于选取特定关系的元素。...

    jQuery入门及实例

    - `children()`:获取元素的所有直接子元素。 - `prepend()` 和 `append()`:在元素内容的开头或结尾添加新的内容。 - `show()`, `hide()`, 和 `remove()`:控制元素的可见性,以及删除元素。 - 链写法:允许在一个...

    jquery中获取id值方法小结

    以下例子展示了如何获取`#group`下所有`span`元素的ID: ```javascript var arr = []; for (var index = 0; index $("#group span").size() - 1; index++) { arr[index] = index; } $.each(arr, function(i) {...

    jquery-jtemplates

    开发者可以将HTML元素(如div、span等)与模板指令结合,这些指令告诉jTemplates如何处理数据。模板通常包含变量占位符,当插件遇到这些占位符时,会用来自服务器的数据进行替换。这种模板引擎的灵活性使得网页可以...

    jQuery与vue基础操作题(1).doc

    - $(this).next(): 获取当前被点击的`span`元素的下一个兄弟元素,即`div`。 - $(this).next().is(":visible"): 检查这个`div`是否可见。 - $(this).next().slideUp(): 如果`div`可见,则使用slideUp方法将其滑动...

    jquery数字切换特效.zip

    1. **选择元素**:首先,我们需要选择要显示数字的HTML元素,这通常是一个`&lt;span&gt;`或`&lt;div&gt;`标签,并为其设置初始值。 2. **绑定事件**:接着,利用jQuery的`.click()`、`.hover()`或`.load()`等方法,为特定的用户...

Global site tag (gtag.js) - Google Analytics