jQuery:使用正确的选择器和方法来更改一些文本?

时间:2014-04-28 20:15:10

标签: jquery html

我希望通过使用jQuery来更改它所代表的文本" 2天前&#34 ;.

HTML:

   <div id="post_id_136_row" class="post_row row">
        <div id="post_id_136" class="post_column col-xs-12 col-sm-offset-2 col-sm-8 col-md-offset-3 col-md-6 col-lg-offset-4 col-lg-4">
            <div class="inner_post_row row">
                <div id="thumbnail_column" class="col-xs-4 col-sm-4 col-md-4 col-lg-3"></div>
                <div class="title col-xs-8 col-sm-8 col-md-8 col-lg-9">
                    <span id="post_title"></span>
                    <br></br>
                    <span id="time_added">
                        2 days ago 
                        <a id="edit_post_136" class="edit_post" href="#"></a>
                    </span>
                </div>
            </div>
        </div>
    </div>

jQuery :(我试过这个,但它不起作用)

$('.post_row div div div span')[1].replaceWith('4 days ago'));

有什么建议吗?

3 个答案:

答案 0 :(得分:0)

你可以尝试一下并提出建议。

$('.post_row span#time_added').text('4 days ago');

答案 1 :(得分:0)

首先,您需要确定是否需要&#34; time_added&#34;成为一个ID或一个类(如果你有一行以上的类,我认为你是这样的。)

如果它是您唯一的,请使用ID本身:

$('#time_added').html('4 days ago');

否则,您可以使用find()

$('.post_row').find('.time_added').html('4 days ago');

Demo

答案 2 :(得分:0)

首先保存对a的引用,更改文本,然后将a追加到范围

var theSpan = $('.post_row div div div span');
var aLink = $(theSpan ).find('a');
$(theSpan).text('4 days ago');
$(theSpan).append(aLink);