0
$("#categoriesListing").on('click', "tbody tr:not(.startingbalance):not(.totalbalance) > th", function() {
var currentIndex = $("#categoriesListing tr > th").index(this);
console.log(currentIndex);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table ui-jq="dataTable" ui-options="{ }" class="table table-striped b-t b-b dataAppender " id="categoriesListing">
<thead>
<tr>
<th>Description</th>
<th> Jan-17 </th>
<th> Oct-17 </th>
<th> Nov-17 </th>
<th> Dec-17 </th>
<th>Total</th>
</tr>
</thead>
<tbody>
<tr class="startingbalance">
<th>Starting Balance</th>
<th>$1000</th>
<th>$1246</th>
<th>$1624</th>
<th>$4910</th>
<th> </th>
</tr>
<tr data-catid="1">
<th>Projected Deposit</th>
<th>$246</th>
<th></th>
<th>$2273</th>
<th>$11902</th>
<th> $14421</th>
</tr>
<tr data-catid="2">
<th>Projected Cost Amex</th>
<th></th>
<th>$378</th>
<th>$558</th>
<th></th>
<th> $936</th>
</tr>
<tr data-catid="3">
<th>Projected Cost Cash</th>
<th></th>
<th></th>
<th>$455</th>
<th></th>
<th> $455</th>
</tr>
<tr data-catid="4">
<th>Projected Overhead</th>
<th></th>
<th></th>
<th></th>
<th>$1849</th>
<th> $1849</th>
</tr>
<tr class="totalbalance">
<th>Total Balance</th>
<th>$1246</th>
<th>$1624</th>
<th>$4910</th>
<th>$18661</th>
<th></th>
<th></th>
</tr>
</tbody>
</table>
を現在番目のインデックスを取得し、私はいくつかの方法を試してみましたが、それらのどれも.MYシンプルなロジックは、私が番目をクリックしたときに私が取得したいということです働いていませんtrの親インデックスに対して現在のインデックスtrが表示されます(クリックした場合)。私はスニペットを行ってきたが、それはTRのに対しインデックスを返しませんでしたが、私は$("#categoriesListing").index(this);
$("#categoriesListing").on('click' , "tbody tr:not(.startingbalance):not(.totalbalance) > th" , function(){
var currentIndex = $("#categoriesListing tr > th").index(this);
console.log(currentIndex);
});
ただ、 '$(この).INDEX()'動作するはずです。そうでない場合は、HTML(または少なくともそのサンプル)を含めるように質問を編集してください –
あなたの興味のためにありがとう私はHTMLを含む: –
ありがとう@RoryMcCrossanこれを回答として投稿してください。これは私の問題を解決しました:) –