Question

JQuery的新手

我正在尝试在特定字符后出现的元素中删除字符串中的文本。

我得到了这个：

<h3>Lorem ipsum dolor sit amet: consectetur adipisicing</h3>

我需要这个：

<h3>Lorem ipsum dolor sit amet</h3>

我是新手，非常感谢任何帮助。谢谢！

Answer 1

最简单的方法......

$('h3').text(function(i, text) {
   return text.split(':')[0];
});

jsFiddle

...但如果有子元素，这将不会涵盖您。

此代码将......

var searchText = function(parentNode, regex, callback) {

    var childNodes = parentNode.childNodes,
        node;

    for (var i = 0, length = childNodes.length; i < length; i++) {

        node = childNodes[i];

        if (node.nodeType == 0) {

            var tag = node.tagName.toLowerCase();

            if (tag == 'script' || tag == 'style') {
                continue;
            }

            searchText(node);

        } else if (node.nodeType == 3) {

            while (true) {
                // Does this node have a match? If not, break and return.
                if (!regex.test(node.data)) {
                    break;
                }

                node.data.replace(regex, function(match) {

                    var args = Array.prototype.slice.call(arguments),
                        offset = args[args.length - 2],
                        newTextNode = node.splitText(offset);

                    callback.apply(window, [node].concat(args));
                    newTextNode.data = newTextNode.data.substr(match.length);
                    node = newTextNode;

                });
            }
        }
    }
}

searchText($('h3')[0], /:.*$/, function(node) {
    $(node).next().remove();
});

jsFiddle

我从一些不使用jQuery库的代码中修改了这段代码。您可以使用jQuery（例如children()，each()，makeArray()等）使其更优雅。

Answer 2

//iterate through each `<h3>` tag
$('h3').each(function (index, value) {

    //cache the current `<h3>` element and get its text
    var $this = $(value),
        text  = $this.text();

    //check for the existence of a colon
    if (text.indexOf(':') > 0) {

        //split the text at the colon
        text = text.split(':');

        //set the text of the current `<h3>` element to the text before the first colon
        $this.text(text[0]);
    }
});

Answer 3

你想使用javascript分割功能

var x="abcd:efgh";

var mysplit=x.split(":");

var firsthalf=mysplit[0]; // = abcd
var otherhalf=mysplit[1];  // = efgh

在特定字符后替换元素中的字符串文本？

3 个答案: