给html中所有的pre code加一个ref 属性

在HTML中，如果你想给所有`<pre>`标签内的`<code>`元素添加一个`ref`属性，你可以使用JavaScript或者jQuery来进行动态操作，因为HTML本身并不支持直接遍历并修改每个元素的属性。下面是一个简单的JavaScript示例：

// 获取所有pre code元素
var preCodeElements = document.querySelectorAll('pre code');

// 遍历这些元素，并添加ref属性
for (var i = 0; i < preCodeElements.length; i++) {
    preCodeElements[i].setAttribute('ref', 'someValue' + i); // 你可以根据需要自定义值
}

如果你使用的是jQuery，代码会更简洁一些：

$('pre code').each(function() {
    $(this).attr('ref', 'someValue' + $(this).index()); // 使用索引来提供唯一值
});

以上代码会在`<pre>`标签内部的所有`<code>`元素上添加一个名为`ref`的新属性，并为每个`<code>`元素分配一个唯一的标识。