使用Jquery检索标签内容

Question

我正在使用JQuery开发我的应用程序。 在我的代码中，我想要获取标签中仅包含文本“Firstname”的部分。

我已经尝试使用：

     $("#label"+div_id+"").html(); //but displays Firstname along with the span tag..

但我只需要名字。我该怎么做呢？

以下是我的HTML代码：

 <label id="label1">Firstname<span class="req"><em> * </em></span></label>

- useranon

Answer 1

这个问题的通用解决方案是获取立即文本，而不是子文本——使用 elem.clone().children().remove().end().text(); (这里的 elem 是$("#label"+div_id))。与 karim79 的解决方案相同，但有一个好处就是如果在标签中添加其他内容，也不会出现错误。

- ozan

Answer 2

复制元素，清空 EM 标签，最后移除 span 标签（测试）：

    var clone = $("#label"+div_id+"").clone();
    clone.find('em').empty().remove('span');
    alert(clone.text());  //alerts 'Firstname'

我要说@ozan的解决方案更好（虽然稍微不太易读），只需要一行代码：

    alert($("#label"+div_id+"").clone().children().remove().end().text());

- karim79