0

カスタムアイテムリストを作成しました。これは通常の html リスト要素ではなく、Jquery onclick イベントを使用するカスタム div ベースのアイテム リストです。これは私のJqueryコードです:

 $(document).ready(function(){

  $(document).find("div[id^='cat']").live('click', function()
  { 
var currentId = $(this).attr('id');
$.getJSON('get_categories.php', {catName:$("#"+currentId).text()}, function(data) 
{
    $.each(data.CatList, function(i,itemList)
    {
        var tblRow =
        "<div class='shop_options' id='cat" + itemList.id + "' onclick=''"  +">"
        +itemList.sub_cat+"</div>";
        $(tblRow).appendTo("#subCatList");

    });

});

  });

 });

onclick を使用して、メイン カテゴリ アイテムに従ってサブ カテゴリを追加できます。しかし、問題は、サブカテゴリデータを入力するために他のカテゴリをクリックするたびに1つのカテゴリをクリックした後、他のカテゴリデータと以前に選択したメインカテゴリアイテムリストを修正するだけです.

たとえば、Fruitsを選択すると、データMango、Banana、Orangeが表示され、 Flowersなどの他のカテゴリを選択すると、 Fruits サブカテゴリ リストの下にRose、Lotus、Marigoldという花のサブカテゴリ リストが表示されます。

以前に選択したカテゴリ項目をクリアしたい。その方法については、専門家のアドバイスをお願いします。よろしくお願いします。

4

2 に答える 2

0

使用する

$("#subCatList").empty();

追加する前に。

于 2013-01-03T10:34:31.127 に答える
0

html()divを空にするために使用します

$.getJSON('get_categories.php', {catName:$("#"+currentId).text()}, function(data) 
{

  $("#subCatList").html()  //here add this

  $.each(data.CatList, function(i,itemList)
  {
    var tblRow =
    "<div class='shop_options' id='cat" + itemList.id + "' onclick=''"  +">"
    +itemList.sub_cat+"</div>";
    $(tblRow).appendTo("#subCatList");

  });

});
于 2013-01-03T10:34:39.463 に答える