是否有内置方法或事实上的默认插件可以让您自动为 jQuery 中的元素分配唯一 ID,或者您是否需要自己实现类似的东西?我正在寻找相当于 Prototype's identify method 的 jQuery
这是一个例子。我在页面上有一些 HTML 结构,看起来像这样
<span id="prefix_1">foo bar</span>
...
<div id="foo">
<span></span>
<span></span>
<span></span>
</div>
我想为每个跨度分配一个页面唯一的 ID。所以在调用这样的东西之后
$('#foo span').identify('prefix'); //fake code, no such method
渲染的 DOM 看起来像这样
<span id="prefix_1">foo bar</span>
...
<div id="foo">
<span id="prefix_2"></span>
<span id="prefix_3"></span>
<span id="prefix_4"></span>
</div>
对于 jQuery 是否有任何官方的/健壮的东西,或者这是大多数 jQuery 开发人员自己推出的东西?
最佳答案
jQuery.fn.identify = function(prefix) {
var i = 0;
return this.each(function() {
if(this.id) return;
do {
i++;
var id = prefix + '_' + i;
} while($('#' + id).length > 0);
$(this).attr('id', id);
});
};
$('span').identify('test');
对此进行了测试:
<span id='test_2'></span>
<span>test1</span>
<span>test2</span>
<span>test3</span>
将其转换为:
<span id="test_2"></span>
<span id="test_1">test1</span>
<span id="test_3">test2</span>
<span id="test_4">test3</span>
关于javascript - jQuery 是否具有与 Prototype 的 Element.identify 等效的功能?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/470772/