jQuery Forum

I'm dynamically assigning tables as data1, data2, data3, yadda yadda.  Inside these tables, I need a function that grabs the closest table's class, so I can assign it as the cookie name.

So in theory, I should be able to go inside data2, click on this function, get a data2 cookie, and ta dah.

I'm hoping the solution to this problem will provide insight to how I can assign the cookie value, but right now, I'm just focusing on the name.

How would I grab the closest table's class?

I've tried $(this).closest("p").class.val() and other combinations...

Due to the way of how accordions are laid out, I think in order to sort them, the best way to go about it is to change the id, unsafe as that sounds.

This is what one of my accordions look like.

1. <table style="background: none repeat scroll 0% 0% rgb(186, 218, 85); display: none;" tabindex="-1" aria-selected="false" aria-controls="ui-accordion-accordion1-panel-2" id="ui-accordion-accordion1-header-2" role="tab" class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all ui-accordion-icons"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span><tbody><tr><td>... Yadayada, content.  End table tags.

My problem is that for some reason the ids revert to 0 or don't show any change at all.

1. function pagination() {
2.     for (var i = 0; i < $("table").length ; ++i) {
3.         var k = 200 + i;
4.         var j = 100 + i;
5.         if ($("#ui-accordion-accordion1-header-" + i).css("display") == "none") {
6.             $("#ui-accordion-accordion1-header-" + i).attr("id", "#ui-accordion-accordion1-header-" + j);
7.             $("#ui-accordion-accordion1-panel-" + i).attr("id", "#ui-accordion-accordion1-panel-" + j);
8.             $("#accordion1").append($("#ui-accordion-accordion1-header-" + j));
9.             $("#accordion1").append($("#ui-accordion-accordion1-panel-" + j));
10.         } else {/*
11.             k += 1;
12.             $("#ui-accordion-accordion1-header-" + i).attr("id", "#ui-accordion-accordion1-header-" + k);
13.             $("#ui-accordion-accordion1-panel-" + i).attr("id", "#ui-accordion-accordion1-panel-" + k);*/
14.         }

I'm using the ids to sort it out.

I have a layout where I'm displaying data.  All of the checkboxes are by default checked and all the tables are visible.  These tables are generated and only contain one row with six columns.

The fifth column will have a status; for example, Empty or Taken.  I've assigned the td class to it either Empty or Taken.

So if I uncheck this checkbox, all the tables with this Taken class as one of its columns should be hidden.

I was hoping this code would work (haha.  My code never works) but I've messed and messed with it and can't even get a workaround.

        $(':checkbox').click(function () {
            $(find(this.value)).parent().toggle();
         });

find() isn't so great.  I'd rather not use it because it also highlights whatever it finds.  I've tried td.Taken.  .Value seems to only return true, false, or an object.