Jquery 将单个rel值添加到所有<;a>;在父项中,并将增量rel值添加到<;a>;兄弟姐妹的父母

Jquery 将单个rel值添加到所有<;a>;在父项中,并将增量rel值添加到<;a>;兄弟姐妹的父母,jquery,Jquery,我知道这个标题很糟糕。我希望将特定的rel值应用于所有子 到目前为止,我所能想到的最好方法是要么将相同的rel值应用于.wrap的所有实例(因此在所有3.wrap中只有一个rel=“type-1”实例),要么将新的rel值应用于每个(最后将rel=“type-1”应用于rel=“type-9”) 你可以写: $('.wrap').each(function(index, element) { $(this).find('a').attr('rel', 'type-' + (index

我知道这个标题很糟糕。我希望将特定的rel值应用于所有子

到目前为止,我所能想到的最好方法是要么将相同的rel值应用于
.wrap的所有实例(因此在所有3.wrap中只有一个rel=“type-1”实例),要么将新的rel值应用于每个
(最后将rel=“type-1”应用于rel=“type-9”)

你可以写:

$('.wrap').each(function(index, element) {
    $(this).find('a').attr('rel', 'type-' + (index + 1));
});
$(函数(){
$('.wrap')。每个(函数(索引,元素){
$(this.find('a').attr('rel','type-'+(index+1));
});
$('#txtarea').text($('#myBlock').html())
.height($('#txtarea')[0].scrollHeight);
$('#addRel')。在('click',函数(e)上{
$('.wrap')。每个(函数(索引,元素){
$(this.find('a').attr('rel','type-'+(index+1));
});
$('#txtarea').text($('#myBlock').html());
});
$('#Removeel')。在('click',函数(e)上{
$('.wrap')。每个(函数(索引,元素){
$(this.find('a').removeAttr('rel');
});
$('#txtarea').text($('#myBlock').html());
});
});

添加相关属性
删除Rel Attr
您可以写:

$('.wrap').each(function(index, element) {
    $(this).find('a').attr('rel', 'type-' + (index + 1));
});
$(函数(){
$('.wrap')。每个(函数(索引,元素){
$(this.find('a').attr('rel','type-'+(index+1));
});
$('#txtarea').text($('#myBlock').html())
.height($('#txtarea')[0].scrollHeight);
$('#addRel')。在('click',函数(e)上{
$('.wrap')。每个(函数(索引,元素){
$(this.find('a').attr('rel','type-'+(index+1));
});
$('#txtarea').text($('#myBlock').html());
});
$('#Removeel')。在('click',函数(e)上{
$('.wrap')。每个(函数(索引,元素){
$(this.find('a').removeAttr('rel');
});
$('#txtarea').text($('#myBlock').html());
});
});

添加相关属性

删除Rel Attr
如果您不一定需要使用jQuery,那么这在本机JavaScript中是很有可能的(尽管这是在ECMAScript 6/ECMAScript 2015中编写的):

//将document.querySelectorAll()中的结果转换为
//数组。
//使用Array.prototype.forEach()迭代数组元素
//在该阵列中举行:
数组.from(document.querySelectorAll('div.wrap')).forEach(函数(wrap,index){
//wrap:(第一个参数)是的当前数组元素
//我们迭代的数组,
//index:(第二个参数)是当前
//该数组中的数组元素。
//找到

如果您不一定需要使用jQuery,那么这在本机JavaScript中是很有可能的(尽管这是在ECMAScript 6/ECMAScript 2015中编写的):

//将document.querySelectorAll()中的结果转换为
//数组。
//使用Array.prototype.forEach()迭代数组元素
//在该阵列中举行:
数组.from(document.querySelectorAll('div.wrap')).forEach(函数(wrap,index){
//wrap:(第一个参数)是的当前数组元素
//我们迭代的数组,
//index:(第二个参数)是当前
//该数组中的数组元素。
//找到
$('.wrap').each(function(index, element) {
    $(this).find('a').attr('rel', 'type-' + (index + 1));
});