2

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

例如abcjQuery12344353452343452345="12"

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

4

9 回答 9

2

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

​&lt;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
        }
    });
});​

小提琴

于 2012-05-10T12:42:38.430 回答
1

你可以这样做,JsFiddle 上的 Demo

<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 );
    }        
}
​

​</p>

于 2012-05-10T12:32:29.947 回答
1
var abcAttr, abcName;

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

小提琴

于 2012-05-10T13:21:47.413 回答
0

你可以这样做:

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

这是一个工作示例

于 2012-05-10T12:31:36.250 回答
0

给定属性名称中包含的字符串,获取属性值的简单函数:

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;
}

演示

于 2012-05-10T13:04:33.893 回答
0

Jquery.attr()方法应该可以解决问题

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

但我建议你使用data- 属性。像这样使用Jquey.data()

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

检索:

var value = $('#div1').data('myattr');
alert(value):
于 2012-05-10T12:34:44.377 回答
0

你可以使用它:

$('a[@name^="abcjQuery"]')
于 2012-05-10T12:43:22.487 回答
0

如果我理解你的问题,这里就是你的答案;

工作示例: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);
}
​
于 2012-05-10T13:00:16.597 回答
-1
var myAttr = $("#idOfElement").attr("your_custom_attribute_name");
于 2017-04-25T05:18:53.310 回答