Передать парамет при использовании кнопки?

Question

[zelsky]

$(document).ready ( function(){
    $('.like_count').hide();
});

$(document).on("click", ".likes", function (e) {
    e.preventDefault();
    var postid = $(this).data("postid");
    $.get('/send_like/',{"pk":postid}, function(e){
              $('.like_count').show();
              $('.likes').hide();
              $('.dislikes').hide();
          });
});

Работает вроде верно но сразу для всех сразу нужно передать постид что б спрятать или показать елемент где postid

Answer 1

[Алексей Зуев]

1. Всё зависит от разметки jsfiddle.net/yurzui/tjmmgL5v
2. Если не хотите привязываться к разметке, то проставьте атрибут data-postid всем элементам, которые хотите скрывать/показывать для конкретного поста.
Тогда можно будет написать что-то похожее на

<div class="post-actions">
     <button class="likes" data-postid="1">
          <i class="glyphicon glyphicon-thumbs-up"></i>
      </button>
      <button class="dislikes"  data-postid="1">
          <i class="glyphicon glyphicon-thumbs-down"></i>
      </button>
      <span class="like_count" data-postid="1"></span>
</div>

$(document).on("click", ".likes", function (e) {
    e.preventDefault();
    var self = $(this),
      postid = self.data("postid");
    $.get('/send_like/',{"pk":postid}, function(e){
        $('.like_count[data-postid="'+postId+'"]').show();
        self.hide();
        $('.dislikes[data-postid="'+postId+'"]').show();
    });
});

Comments

[zelsky]

$('.like_count').show();
$('.likes').hide();
$('.dislikes').hide();

Вот сюда

[Алексей Зуев]

BlastPy: так вставьте туда, вы головой вообще думать не хотите? я подогнал пример под ваш, но видимо и такой не поможет.

[Алексей Зуев]

BlastPy: и если хотите, чтобы вам сразу решили такой пример, то и показывайте всю html разметку, всем приходится догадываться, где у вас там что на странице

[Алексей Зуев]

BlastPy: пример

[zelsky]

Столько емоций ради ('.like_count[data-postid="'+postid+'"]')
вопрос я по моему корректно задал. и да спасибо.

Answer 2

[Павел Гоголинский]

$('#ikes').hide();

Comments

[zelsky]

Обращзаться по айди ?

[Павел Гоголинский]

Да

[zelsky]

Вовсе не работает ибо контент генерируемий очень много контейнеров с данним класом

[Павел Гоголинский]

Что значит не работает? Вот этот код спрячет кнопку с id = ikes: $('#ikes').hide(); Вы этого добиться хотите?

[zelsky]

Павел Гоголинский: После отправки гет запроса спрятать кнопки и показать прогрес бар с data-postid равним отправленим параметром гет запроса.

[zelsky]

Павел Гоголинский:

$(document).ready ( function(){
    $('.like_count').hide();
});

$(document).on("click", ".likes", function (e) {
    e.preventDefault();
    var postid = $(this).data("postid");
    $.get('/send_like/',{"pk":postid}, function(data){
              $('.like_count').html(data);
              $('.likes').hide();
              $('.dislikes').hide();
          });
});

Во как показивать лайк каунт по айди а не на всех сразу. также прятать обе кнопки после нажатия одной из них

[zelsky]

$(document).ready ( function(){
$('.like_count').hide();
});

$(document).on("click", ".likes", function (e) {
e.preventDefault();
var postid = $(this).data("postid");
$.get('/send_like/',{"pk":postid}, function(data){
$('.like_count').show();
$('.likes').hide();
$('.dislikes').hide();
});
});

Вот так работает исправно но сразу для всех елементов.