1

我一直在寻找和寻找，但只能找到我的问题的变体......

我需要在字符之前删除一个字符串（包括字符，以及字符前后的空格）。该字符串每次都会不同且不可预测，因此无论它是什么都需要从 DOM 中删除。所以，如果这是输出：

<h2>Birds - Norwegian Yellow Finch</h2>
<h2>Cats - Domestic Shorthaired Tabby</h2>
<h2>Dogs - Alaskan Husky Cross</h2>

如何删除“Birds - , Cats - , Dogs - ”？并且没有具体说明这些词（鸟、猫、狗），因为它们会改变。如果需要，破折号 (-) 可以是不同的字符（即：*）。

4

3 回答 3

1

你可以用一个简单RegExp的方法来解决这个问题。

HTML：

<h2>Birds - Norwegian Yellow Finch</h2>
<h2>Cats - Domestic Shorthaired Tabby</h2>
<h2>Dogs - Alaskan Husky Cross</h2>​

JavaScript：

var re = /^[^-]+-\s*/;

function processText(el) {
    el.textContent = el.textContent.replace(re, '');
}

var elements = ​document.getElementsByTagName('h2')​​​​;

for(var i = 0, l = elements.length; i < l; i++) {
    processText(elements[i]);
}​

演示

于 2012-11-24T03:05:30.890 回答
1

以下循环遍历所有 h2 元素并通过正则表达式替换删除开头：

window.onload = function() {
    var h2s = document.getElementsByTagName("h2"),
        i;

    for (i=0; i < h2s.length; i++)
        h2s[i].innerHTML = h2s[i].innerHTML.replace(/^[^-]+ - /,"");​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
};

演示：http: //jsfiddle.net/nGfYd/5/

处理程序确保代码在onload页面加载完成后运行，因为 JavaScript 在页面被解析时执行，但它只能操作已经被解析的元素。如果将代码包含在相关元素之后的脚本块中，则不需要onload处理程序，实际上我的偏好是将<script>块放在结束标记之前的正文末尾</body>而不使用onload处理程序。

编辑：从其他答案下的评论看来，您很乐意使用 jQuery，在这种情况下，您可以这样做：

$(document).ready(function(){
    $("h2").text(function(i, oldVal) {
        return oldVal.replace(/^[^-]+ - /,"");
    });
});

演示：http: //jsfiddle.net/nGfYd/7/

如果你将一个函数传递给.text()jQuery，它将为每个元素调用该函数，并将元素的旧（当前）值传递给它，所以你也不需要.each()循环。

（同样，如果您将代码放在正文末尾的脚本块中，则不需要文档就绪处理程序。）

于 2012-11-24T03:06:22.003 回答
1

这是一个不使用正则表达式http://jsfiddle.net/46G5c/的解决方案：

$('h2').each(function() {
    var h2 = $(this);
    var text = h2.text();
    var replacement = text.substr(text.indexOf('- ') + 2);
    h2.text(replacement);
});​

这是一个使用正则表达式的表达式，根据您的数据http://jsfiddle.net/X3FTV/1/可能会或可能不会更有用：

var regex = /^[^-]* - /;
$('h2').each(function() {
    var h2 = $(this);
    var text = h2.text();
    h2.text(text.replace(regex, ''));
});​

两者都使用 jQuery，但应该直接更改为纯 JavaScript。

于 2012-11-24T03:00:56.910 回答