首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

怎么使用JQuery给自定义属性赋值取值

2013-06-26 
如何使用JQuery给自定义属性赋值取值本帖最后由 k858k 于 2013-05-28 15:34:35 编辑INPUT styleWIDTH:

如何使用JQuery给自定义属性赋值取值
本帖最后由 k858k 于 2013-05-28 15:34:35 编辑


<INPUT style="WIDTH: 100%" value='表单2' jQuery1369647167633="271">
<INPUT style="WIDTH: 100%" value='表单2' jQuery1369647167633="272">
<INPUT style="WIDTH: 100%" value='表单2' jQuery1369647167633="273">
<INPUT style="WIDTH: 100%" value='表单2' jQuery1369647167633="274">


怎么通过JQuery取得一个INPUT 自定义属性的名称和值(如jQuery1369647167633="271",分别取得jQuery1369647167633、271)
还有就是如何通过自定义属性的名称和值(如jQuery1369647167633="271",给value赋值)

PS:jQuery1369647167633指不是固定的,可能是jQueryxxxxxxxx组成的可能需要一个模糊匹配
[解决办法]

<script src="http://www.coding123.net/js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        var html = $('#dv').html(), inputs = $('#dv input'), idx = 0;
        var rx = /(jQuery\d+)="(\d+)"/gi;
        while (m = rx.exec(html)) {
            alert(m[1] + '\n' + m[2]);
            inputs[idx].value += ',' + m[2];
            idx++;
        }
    });
</script>
<div id="dv">
<INPUT style="WIDTH: 100%" value='表单2' jQuery1369647167633="271">
<INPUT style="WIDTH: 100%" value='表单2' jQuery1369647167633="272">
<INPUT style="WIDTH: 100%" value='表单2' jQuery1369647167633="273">
<INPUT style="WIDTH: 100%" value='表单2' jQuery1369647167633="274">
</div>

[解决办法]

$(function(){
$(':input[^jQuery\d+]').each(function(){
for(var i in this.attributes){
if(this.attributes[i].name&&!this.attributes[i].name.toLowerCase().indexOf('jquery')){
$(this).val(this.attributes[i].value);
}
}
});
});

[解决办法]
引用:

$(function(){
$(':input[^jQuery\d+]').each(function(){
for(var i in this.attributes){
if(this.attributes[i].name&&!this.attributes[i].name.toLowerCase().indexOf('jquery')){
$(this).val(this.attributes[i].value);
}
}
});
});

写法很不错。
[解决办法]
[attribute=value] 
[attribute!=value] 
[attribute^=value] 


[attribute$=value] 
[attribute*=value] 
jquery文档里面就有

热点排行