Question

我有一个可能看起来像abcjQuery12345的属性，这些数字只是一个例子有没有办法确定在jQuery中包含子字符串的属性？

E.g。 abcjQuery12344353452343452345="12"

我唯一知道的是该属性将包含abc。

Answer 1

您可以遍历所有属性并检查它们是否包含您要查找的字符串。用：

<div customAttr="12" title="me"></div>
<div anotherAttr="Bear"></div>
<div yetAnotherAttr="Elephant"></div>

您可以使用：

var m = /another/i; //will look for 'another' in the attribute name (i-flag for case-insensitive search)

$('div').each(function(){
    var $this = $(this);
    $.each(this.attributes,function(){
        if (this.name.match(m)){
            $this.addClass('selected'); //either select the matching element
            $this.text(this.name + ' : ' + this.value); //or use its custom-attribute's value
        }
    });
});

参见 a fiddle

Answer 2

你可以这样做，Demo on JsFiddle

<div id="div1" myattr="hello" myAttr12342="hello1">Any text</div>


el = document.getElementById('div1');
attrs=el.attributes
for (var i=0; i<attrs.length; i++)
{
    attrName = attrs.item(i).nodeName;
    attrValue = attrs.item(i).nodeValue; 
    //alert(attrs.item(i).nodeName);
    if(attrName.indexOf('myattr') != -1)
    {
        alert("Attr Name " + attrName + " Attr Value " + attrValue );
    }        
}

Answer 3

var abcAttr, abcName;

$.each($("#elementID")[0].attributes, function(index, item) {
    if (item.nodeName.match(/^abc/)) {
        abcName = item.nodeName;
        abcAttr = item.nodeValue;
    }
});

FIDDLE

Answer 4

你可以这样做：

var customNum = 12345; // Switch this out as necessary.
var value = $('#element').attr('abcjQuery' + customNum);

这是working example。

Answer 5

Jquery.attr()方法应该做的伎俩

var value = $('#element').attr('abcjQuery' + someCustom);

但我建议您使用数据属性。像这样使用Jquey.data()

<div id="div1" data-myattr="abcjQuery12345">Any text</div>

用于复原：

var value = $('#div1').data('myattr');
alert(value):

Answer 6

您可以使用：

$('a[@name^="abcjQuery"]')

Answer 7

如果我理解你的问题是你的答案;

工作示例：http://jsfiddle.net/gRsxM/

/*!
 * listAttributes jQuery Plugin v1.1.0
 *
 * Copyright 2010, Michael Riddle
 * Licensed under the MIT
 * http://jquery.org/license
 *
 * Date: Sun Mar 28 05:49:39 2010 -0900
 */
if(jQuery) {
    jQuery(document).ready(function() {
        jQuery.fn.listAttributes = function(prefix) {
            var list = [];
            $(this).each(function() {
                var attributes = [];
                for(var key in this.attributes) {
                    if(!isNaN(key)) {
                        if(!prefix || this.attributes[key].name.substr(0,prefix.length) == prefix) {
                            attributes.push(this.attributes[key].name);
                        }
                    }
                }
                list.push(attributes);
            });
            return (list.length > 1 ? list : list[0]);
        }
    });
}


$(document).ready(function(){

    $('input').each(function(){
        var attrs = $(this).listAttributes();
         for(var i=0;i<attrs.length;i++){
            if(attrs[i].indexOf("abc")>-1) itemProccess($(this));
        }

    });
});


function itemProccess(item){
    console.log(item);
}

Answer 8

一个简单的函数，在给定属性名称中包含的字符串的情况下获取属性值：

function getVal(element,name){
   var pattern=new RegExp(name,'i');
   return $.grep($(element)[0].attributes, function(n){
       if (n.name.match(pattern)) return n.nodeValue;
   })[0].nodeValue;
}

DEMO

Answer 9

var myAttr = $("#idOfElement").attr("your_custom_attribute_name");

如何使用jQuery获取自定义属性的名称？

9 个答案: