0

我有一个 wp_nav_menu 结构，它输出一个只有 a 链接的菜单以及一个带有链接的 after 字符串。如何使用 jQuery 删除或隐藏字符串之后的最后一次出现（最后一个链接之后的那个）？请参阅下面的代码。

<p id="para"> 
<a href="#">Item One</a> &nbsp;&bull;&nbsp; 
<a href="#">Item Two</a> &nbsp;&bull;&nbsp; 
<a href="#">Item Three</a> &nbsp;&bull;&nbsp;
</p>

我正在尝试删除最后一次出现的“ &nbsp;&bull;&nbsp;”。任何帮助是极大的赞赏。

提前致谢。

4

4 回答 4

2

您可以使用 nodeValue

演示：http: //jsfiddle.net/7sy9W/

$('#para a:last-child')[0].nextSibling.nodeValue = "";

编辑:: 纯 javascript，以防您不使用 jquery。实际上这可能会更好

document.getElementById("para").lastChild.nodeValue = '';
于 2013-10-19T10:50:08.373 回答
1

因为你没有显示任何代码..我会给你一个愚蠢的..它虽然有效......

$(document).ready(function() {
var $a = $("#para a") ;
$("#para").empty() ;
$a.each(function() {
  $("#para").append(this);
});
});

jsfiddle 演示

于 2013-10-19T10:44:48.430 回答
1

idk wat exct 你想要 bt 我用 php 尝试过一些东西

<?php
$str= '<p id="para"> 
<a href="#">Item One</a> &nbsp;&bull;&nbsp; 
<a href="#">Item Two</a> &nbsp;&bull;&nbsp; 
<a href="#">Item Three</a> &nbsp;&bull;&nbsp;
</p>';

echo substr($str, 0, strrpos( $str, ' ') );
?>
于 2013-10-19T10:48:06.807 回答
0

你可以试试这个

HTML

<p id="para"> 
    <a href="#">Item One</a><span> &nbsp;&bull;&nbsp; </span>
    <a href="#">Item Two</a> <span>&nbsp;&bull;&nbsp; </span>
    <a href="#">Item Three</a><span> &nbsp;&bull;&nbsp;</span>
</p>

JS

$(document).ready(function(){
    $('#para a+span').last().hide()
});

http://jsfiddle.net/bPxMj/

编辑

如果无法将额外数据放在 span 元素中（如评论中所述），那么您可以尝试

$(document).ready(function(){
    $('#para').contents().each(function(i){
        if(i==$('#para').contents().length-1){
          $(this).remove();
        }
    });
});

http://jsfiddle.net/bPxMj/1/

于 2013-10-19T10:45:17.537 回答