Loading...

Search jQuery

Search

jQuery Forum

Getting Started

change post-specific <button> tag's text

in Getting Started • 10 years ago

Hello guys. i just registered here. i have many posts in index page. and each post located in <li> tag.

<ul>
<li class="class_li" data-id="this_posts_id">
< href="#" class="btn">Vote Up</a>
<button class="btn dropdown-toggle" data-toggle="dropdown"><span class="vote"> VOTE </span><span class="caret"></span></button>
</li>
<li class="class1" data-id="this_posts_id">
</li>
</ul>

and jquery part:

$('a.btn').click( function(){
var post_id = $(this).closest('li').data('id');
var button = $('button.btn.dropdown-toggle').find('.vote').text('something here'); // this part doesn't work..

my problem is i cant reach span which under button tag. actually i tried many ways. but i only can change all post's vote in the page. i need reach THIS <li> tag's span. like how i got post_id.

i am stuck. tryin to make it for hours :(

thank you :)

1

Replies(5)

jakecigar

Re: change post-specific <button> tag's text

10 years ago

Something like this:

$('a.btn').click( function(){
var post_id = $(this).closest('li').data('id');
var button = $(this).find('.vote').text('something here');
})

JΛ̊KE

Re: Re: change post-specific <button> tag's text

10 years ago

i tried this before. doesn't work. btw button's text change process is under ajax success function.

jakecigar

Re: change post-specific <button> tag's text

10 years ago

I’ll guess you are losing this inside the ajax callback

$('a.btn').click( function(){
var post_id = $(this).closest('li').data('id'),
var button = $(this).find('.vote')
// …
// …
button.text('something here');
// …
})

JΛ̊KE

jakecigar

Re: change post-specific <button> tag's text

10 years ago

Or are the buttons created via an AJAX call?

$(document).on('click','a.btn', function(){
var post_id = $(this).closest('li').data('id'),
var button = $(this).find('.vote')
// …
// …
button.text('something here');
// …
})

JΛ̊KE

Re: change post-specific <button> tag's text

10 years ago

i just fixed it.

i use id for vote span like:

<span id="vote{{post.id}}">VOTE_NUMBER</span>

post.id is comes from my server. and in ajax side i just type:

success: function(data){
$('#vote'+post_id).text(data.vote_new);
}

thank you dude.