我有一个可能看起来像这样的属性abcjQuery12345
,这些数字只是一个例子。
有没有办法确定在 jQuery 中包含子字符串的属性?
例如abcjQuery12344353452343452345="12"
我唯一知道的是该属性将包含abc
.
我有一个可能看起来像这样的属性abcjQuery12345
,这些数字只是一个例子。
有没有办法确定在 jQuery 中包含子字符串的属性?
例如abcjQuery12344353452343452345="12"
我唯一知道的是该属性将包含abc
.
您可以遍历所有属性并检查它们是否包含您要查找的字符串。和:
<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
}
});
});
看小提琴
你可以这样做,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>
var abcAttr, abcName;
$.each($("#elementID")[0].attributes, function(index, item) {
if (item.nodeName.match(/^abc/)) {
abcName = item.nodeName;
abcAttr = item.nodeValue;
}
});
你可以这样做:
var customNum = 12345; // Switch this out as necessary.
var value = $('#element').attr('abcjQuery' + customNum);
这是一个工作示例。
给定属性名称中包含的字符串,获取属性值的简单函数:
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;
}
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):
你可以使用它:
$('a[@name^="abcjQuery"]')
如果我理解你的问题,这里就是你的答案;
工作示例: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);
}
var myAttr = $("#idOfElement").attr("your_custom_attribute_name");