Skip to main content
added code
ソース リンク
$(document).ready(function() {
  $(".select2")
    .select2({
      placeholder: "DESTINATION",
      allowClear: true
    })
    .on("select2:select", function() {
      // 1) Get selected option's IDs
      let selectedID = $(this)
        .val()
        .toString();
      alert(selectedID); // array to string 63,440,381

      // Loop in class ".category__posts .post" and get each posts's ID
      const filteredPosts = $(".category__posts .post").filter(function(
        val,
        elem
      ) {
        // let eachPostIDs =
        // return $(elem)
        //   .data("destination")
        //   .toString()
        //   .includes(selectedID); // Get all IDs as string => 25, 381...
        console.log(
          $(elem)
            .data("destination")
            .toString()
            .includes(selectedID)
        );
      });
      filteredPosts.fadeIn();
    });
$(document).ready(function() {
  $(".select2")
    .select2({
      placeholder: "DESTINATION",
      allowClear: true
    })
    .on("select2:select", function() {
      // 1) Get selected option's IDs
      let selectedID = $(this)
        .val()
        .toString();
      alert(selectedID); // array to string 63,440,381

      // Loop in class ".category__posts .post" and get each posts's ID
      const filteredPosts = $(".category__posts .post").filter(function(
        val,
        elem
      ) {
        // let eachPostIDs =
        // return $(elem)
        //   .data("destination")
        //   .toString()
        //   .includes(selectedID); // Get all IDs as string => 25, 381...
        console.log(
          $(elem)
            .data("destination")
            .toString()
            .includes(selectedID)
        );
      });
      filteredPosts.fadeIn();
    });
本文に 30 文字追加
ソース リンク

画像の説明をここに入力

画像の説明をここに入力

本文に 8 文字追加; タイトルを編集
ソース リンク
cubick
  • 2.1万
  • 5
  • 27
  • 64

プラグイン "select2"で出力したチェックボックスから値を取得して、特定の記事を表示させたいです。

こんにちは。

実現したいこと

***実現したいこと***
参考サイト
以下の参考サイトのように、"Destination => USA"を選択すると、投稿のIDを取得して、同じページ内にある.category__posts .post内のdata属性(data-reisethema, data-destination)とIDに一致する記事を表示させたいです。(全く同じ機能を実装したいです)

***現在の状況***
チェックボックスhttps://www.tomontour.de/hotels/#

現在の状況

チェックボックスはpluginの(select2)を使用してチェックボックスを出力しています。
各チェックボックスoptionのvalueには投稿のIDが登録されている
選択したらそのvalueに登録されている投稿IDとdata属性は取得できていますが、その後どうやって取得した情報(記事IDとdata属性)と.category__posts .postにある記事のdata属性とIDに一致する記事を表示させたらいいか、ロジックを組み立てられません。
ご教授よろしくお願いします。

もし説明不足がある場合や不明点などもコメントくださると助かります。

もし説明不足がある場合や不明点などもコメントくださると助かります。

プラグイン "select2"で出力したチェックボックスから値を取得して、特定の記事を表示させたいです。

こんにちは。

***実現したいこと***
参考サイト
参考サイトのように、"Destination => USA"を選択すると、投稿のIDを取得して、同じページ内にある.category__posts .post内のdata属性(data-reisethema, data-destination)とIDに一致する記事を表示させたいです。(全く同じ機能を実装したいです)

***現在の状況***
チェックボックスはpluginの(select2)を使用してチェックボックスを出力しています。
各チェックボックスoptionのvalueには投稿のIDが登録されている
選択したらそのvalueに登録されている投稿IDとdata属性は取得できていますが、その後どうやって取得した情報(記事IDとdata属性)と.category__posts .postにある記事のdata属性とIDに一致する記事を表示させたらいいか、ロジックを組み立てられません。
ご教授よろしくお願いします。

もし説明不足がある場合や不明点などもコメントくださると助かります。

プラグイン "select2"で出力したチェックボックスから値を取得して、特定の記事を表示させたい

実現したいこと

以下の参考サイトのように、"Destination => USA"を選択すると、投稿のIDを取得して、同じページ内にある.category__posts .post内のdata属性(data-reisethema, data-destination)とIDに一致する記事を表示させたいです。(全く同じ機能を実装したいです)

https://www.tomontour.de/hotels/#

現在の状況

チェックボックスはpluginの(select2)を使用してチェックボックスを出力しています。
各チェックボックスoptionのvalueには投稿のIDが登録されている
選択したらそのvalueに登録されている投稿IDとdata属性は取得できていますが、その後どうやって取得した情報(記事IDとdata属性)と.category__posts .postにある記事のdata属性とIDに一致する記事を表示させたらいいか、ロジックを組み立てられません。
ご教授よろしくお願いします。

もし説明不足がある場合や不明点などもコメントくださると助かります。

ソース リンク
読み込んでいます