Question

如何使用jQuery从以下代码中删除最后一个·：

<div class="twtr-tweet-text">
 <em> 
  <a href="" class="twtr-timestamp" target="_blank">about 1 hour ago</a>
   · 
  <a href="" class="twtr-reply" target="_blank">reply</a>
   · 
  <a href="" class="twtr-rt" target="_blank">retweet</a>
   · 
  <a href="" class="twtr-fav" target="_blank">favorite</a>
 </em>
</div>

HTML是从Twitter中提取的，因此我无法控制其创建。

Answer 1

您的.没有包装器，因此您需要使用.contents才能获取文本节点。然后，您可以遍历所有文本节点。

$("#twtr-tweet-text").contents().each(function(){
    if(this.nodeType == 3){
        // text node
        // do your thing here, check if it's a . etc.
    }
});

Answer 2

横向解决方案的一点点，但不是在服务器端添加·分隔符，而是可以使用CSS添加它：

.twtr-tweet-tex a:before {
  content:'·';
}

.twtr-tweet-tex em a:first-child:before {
  content: none;
}

然后你不需要用jQuery删除它。

如何使用jQuery从我的代码中删除最后一个`·`

2 个答案: