jQuery String替换为痕迹

时间:2012-01-03 10:46:31

标签: jquery replace

jQuery(document).ready(function(){
jQuery('.breadcrumbs').text(function (i, old) {
return old
.replace('Your-Space', 'Your Space') });
});

我在顶部的面包屑中有这个“你的空间”文字,而上面的片段确实用“你的空间”替换了我的文字,没有“ - ”。

但是“你的空间”也是该特定类别的链接,上面的功能删除了链接,为什么会发生这种情况?

更新 HTML :(如果面包屑深一层)

<div class="breadcrumbs">
<a href="http://www.xxx.com" title="Go to Home.">Home</a> &gt; Your-Tennis-Space</div>

HTML :(如果属于某个类别)

<div class="breadcrumbs">
<a href="http://www.xxx.com" title="Go to Home.">Home</a> &gt; 
<a href="http://www.xxx.com/your-space/" title="Go to Your-Space.">Your-Space</a> 

&GT;浏览类别

更新2:

这对我来说很困惑,也许对你们两个人来说也是如此。要清除它,这个代码片段可以正常工作:

jQuery(document).ready(function(){
jQuery('.breadcrumbs').html(function (i, old) {
return old.replace('Your-Space', 'Your Space') });
});

但是我有面包屑,当路径是Home&gt;你的空间,“你的空间”不是一个链接。当我点击某个类别时,我将获得以下路径:您的空间成为链接=主页&gt;你的空间&gt;一些随机类别。

现在,如果我分别选择两个类,那么整个工作就会起作用:

jQuery(document).ready(function(){
jQuery('.breadcrumbs').html(function (i, old) {
return old.replace('Your-Space', 'Your Space') });
});

jQuery(document).ready(function(){
jQuery('.breadcrumbs a').html(function (i, old) {
return old.replace('Your-Space', 'Your Space') });
});

(有和没有)

如果我选择它们(jQuery('。breadcrumbs,.breadcrumbs a')),它就不会起作用,只更改.breadcrumbs,而不是链接时,所以它不会选择。面包屑。

我希望很清楚,至少因为我现在非常困惑,我不得不这样做了。大声笑。

3 个答案:

答案 0 :(得分:2)

编辑: 以下是使用父div作为选择器的示例:http://jsfiddle.net/Ax6ps/1/

$('#mybut').click(function() {
    $('.parent-breadcrumb a').text(function(i, old) {
        return old.replace('Click', 'Your Space');
    });
});

OLD - &gt; 在此示例中正常工作:http://jsfiddle.net/Ax6ps/

<a href="index.html" class="breadcrumb">Click</a><br/>
<a href="index.html" class="breadcrumb">Click</a><br/>
<a href="index.html" class="breadcrumb">Click</a><br/>
<a href="index.html" class="breadcrumb">Click</a><br/>
<a href="index.html" class="breadcrumb">Click</a><br/>
<input type="button" value="Do Something" id="mybut"/>


$('#mybut').click(function() {
    $('.breadcrumb').text(function(i, old) {
        return old.replace('Click', 'Your Space');
    });
});

答案 1 :(得分:0)

试试这个:

jQuery(document).ready(function(){
jQuery('.breadcrumbs').html(function (i, old) {
  return old.replace('Your-Space', 'Your Space') });
});

答案 2 :(得分:0)

尝试

jQuery(document).ready(function(){
jQuery('.breadcrumbs a').text(function (i, old) {
return old.replace('Your-Space', 'Your Space') });
});