如何在包含粗体和斜体标签的同时获取字符串的第一个文本节点？

Question

1. 字符串是动态的
2. 它源自用户单击dom中任何位置时的onclick事件

3. 如果字符串的第一部分是：

   “ login<b>user</b>account ”

被包含在这样的一些元素中：

“ <div>login<b>user</b>account</div> ”，

那么我可以这样：

alert($(s).find('*').andSelf().not('b,i').not(':empty').first().html());
// result is : login<b>user</b>account

但是，当它不包含在任何元素中时，即当它不包含在任何元素中时，如何在这种情况下获得相同的结果呢？

我尝试了下面的代码，当第一部分不包含任何<b></b> ，它可以正常工作，但是当它包含这些标记时，它仅给出“登录” 。

 var s = $.trim('login<b>user</b> account<tbody> <tr> <td class="translated">Lorem ipsum dummy text</td></tr><tr><td class="translated">This is a new paragraph</td></tr><tr><td class="translated"><b>Email</b></td></tr><tr><td><i>This is yet another text</i></td> </tr></tbody>');

    if(s.substring(0, s.indexOf('<')) != ''){
       alert(s.substring(0, s.indexOf('<')));
    }

注意：建议一个通用解决方案，该解决方案不只针对上述字符串。 对于有粗体标记和没有粗体标记的情况，它都应该起作用。

Answer 1

所以它只是一个b或一个i ，是吗？

递归函数始终是必经之路。 这次，这可能是最好的方法。

var s = function getEm(elem) {
    var ret = ''

    // TextNode? Great!
    if (elem.nodeType === 3) {
        ret += elem.nodeValue;
    }

    else if (elem.nodeType === 1 &&
        (elem.nodeName === 'B' || elem.nodeName === 'I')) {

        // Element? And it's a B or an I? Get his kids!
        ret += getEm(elem.firstChild);
    }

    // Ain't nobody got time fo' empty stuff.
    if (elem.nextSibling) {
        ret += getEm(elem.nextSibling);
    }

    return ret;
}(elem);

Jsfiddle对此进行了演示： http : //jsfiddle.net/Ralt/TZKsP/

PS：使用正则表达式或自定义标记生成器解析HTML很不好，因此不应该这样做。

Answer 2

您正在尝试检索直到不是<b>或<i>的第一个元素的所有文本，但是此文本可以包装在元素本身中。 这是超级棘手的问题。 我觉得有一种更好的方法来实现您要完成的任务，但这是一种有效的解决方案。

function initialText(s){
  var test  = s.match(/(<.+?>)?.*?<(?!(b|\/|i))/);

  var match = test[0];
  var prefixed_element = test[1];

  // if the string was prefixed with an element tag
  // remove it (ie '<div> blah blah blah')
  if(prefixed_element) match = match.slice(prefixed_element.length);

  // remove the matching < and return the string
  return match.slice(0,-1);
}

您很幸运，我发现这个问题很有趣且具有挑战性，因为这又是荒谬的。

别客气 ;-）

Answer 3

尝试这个：

if (s.substring(0, s.indexOf('<')) != '') {
  alert(s.substring(0, s.indexOf('<tbody>')));
}