修改

Question

我引用了以下Q＆amp; A：First word selector

我希望使用相同类型的设置，但是，我希望在特定内的每个<div>的每个第一个字都能使用它。我该如何指定？

    $(window).load(function(){
(function () { 
    var node = $("p").contents().filter(function () { return this.nodeType == 3 }).first(),
        text = node.text(),
        first = text.slice(0,text.indexOf(" "));

    if (!node.length)
        return;

    node[0].nodeValue = text.slice(first.length);
    node.before('<span>' + first + '</span>');
})();
  });

在样式表中，我可以使用已应用于各种选择器的简单，并指定'span'函数将对每个选择器执行的操作。

Answer 1

@Joseph re：小提琴的例子不会更换更容易吗？

$("#target p").each(function(){
  $(this).html($(this).text().replace(/^([^\s]+)\s?/, '<span>$1</span> '));
});

Answer 2

修改

dakdad有一个更好的解决方案：fiddle

@Michael Cornett：你能把dakdad标记为答案吗？：）

Answer 3

$(window).load(function(){
$("p").each(function(){

    var text = $(this).text() + " ";
    var newMarkup =
      "<span class='firstWord'>" + 
      text.substr(0,text.indexOf(" ")) +
      "</span>" + 
      text.substr(text.indexOf(" "));
    $(this).html(newMarkup);
});
  });

以下是我正在使用的示例的链接：http://www.meestro.com/vespers

</p> <div> </div>中每个<p>的第一个单词选择器

3 个答案:

修改