我是否正確使用了“這個”？ jQuery

Question

我正在處理一個點擊事件 - 它隱藏了與點擊的users值不同的任何users 。 這是相關 HTML 的片段。

<div class="main">
        <section class="tweets">
        <div class="tweet">
           <p class="time">Sun Mar 15 2020 20:04:53 GMT-0700 (Pacific Daylight Time)</p>
           <p class="users" data="sharksforcheap">@sharksforcheap: </p>
           <p class="message">last night i formulated a life #sxsw</p></div>

當我在我的:contains手動輸入users值時，它工作正常。 例如，我將單擊sharksforcheap ，它將隱藏所有不屬於該users其他users 。

    $('.tweets').on('click', '.users', function(){

      var user = $(this).data('users');
      $('.tweet').not(':contains(sharksforcheap)').hide(); 
    });

但是，我顯然想讓它適用於我點擊的任何users ，因為為每個用戶對其進行硬編碼是不可行的。 所以我創建了一個名為 user 的 var 並將它引用到this ，它應該保存我的users的數據。 但是，這不起作用。

     $('.tweets').on('click', '.users', function(){

      var user = $(this).data('users');
      $('.tweet').not(':contains('+ user + ')').hide(); 
    });

我在這種情況下是否錯誤地使用了this ？

Answer 1

這是您需要指定data-users屬性以使用.data("users")獲取其值的方式：

<p class="users" data-users="sharksforcheap">@sharksforcheap: </p>

但似乎你需要的更容易實現

$('.tweet').not($(this).closest('.tweet')).hide();