0

このスレッドは、前号に続く 2 番目の問題です。クリック イベントを show-chart 関数にバインドした後も、正しいグラフ データを取得するために使用される従業員 ID の値を知る必要があります。

従業員 ID を showChartByEmpId(i) に渡すことは可能ですか?

HTML

<table id="empTable" class="tablesorter">
    <thead>
        <tr>
            <th> Employee ID </th>
            <th> Name </th>
            <th> Department  </th>
            <th> Title  </th>
            <th> Show Chart </th>
        </tr>
    </thead>


    <tbody>
        <tr>
            <td> 101 </td>
            <td> John </td>
            <td> R&D </td>
            <td> Engineer </td>
            <td> <button class="doPieChart"> Pie Chart </button> </td>
        </tr>
        <tr>
            <td> 102 </td>
            <td> David </td>
            <td> R&D </td>
            <td> Engineer </td>
            <td> <button class="doPieChart"> Pie Chart </button> </td>
        </tr>
    </tbody>
</table>
<div class="secondary"> </div>

JS

function drawPieChart(i) {
    $('.secondary').html('<div id="chart_div" class="div'+i+'">my graph '+(i+1)+' in fancybox</div>');
}

function showChart(i) {
    drawPieChart(i);
}

function showChartByEmpId(i) {
    showChart(i);
}

jQuery(function ($) {
    //How to get emp Id here?
    $(".doPieChart").each(function (i) {
        $(this).on("click", function () {
            showChartByEmpId(i);
            $.fancybox("#chart_div");
        }); // on click
    }); // each
});

これがJSFIDDLEの私の例です

4

3 に答える 3

1

これを使用して、クリック関数内で emp ID を取得します

 var empID = $(this).closest('tr').find('td:first').text();

.each() は必要ありません

$('.doPieChart').on("click", function () {
    var empID = $(this).closest('tr').find('td:first').text();
    showChartByEmpId(empID);
    $.fancybox("#chart_div");
});
于 2013-09-03T08:04:54.347 に答える
0

または、この変数を既存のコードに追加するだけです

var empID = $.trim( $(this).parent().siblings("td").eq(0).text() );

そう

jQuery(function ($) {
    //How to get emp Id here?
    $(".doPieChart").each(function (i) {
        $(this).on("click", function () {
            var empID = $.trim( $(this).parent().siblings("td").eq(0).text() );
            showChartByEmpId(empID);
            $.fancybox("#chart_div");
        }); // on click
    }); // each
});

JSFIDDLEを参照してください

注：（おそらく）より高速であるため、私は常に.eq()疑似クラスよりもメソッドを好みます。:first

于 2013-09-03T18:57:56.000 に答える
0

これで問題が解決するはずです：

var EmpId;
jQuery(function ($) {
    //How to get emp Id here?
    $(".doPieChart").each(function () {
        $(this).on("click", function () {
            EmpId = $(this).closest('tr').find('td:first').text();
            showChartByEmpId(EmpId);
            $.fancybox("#chart_div");
        }); // on click
    }); // each
});

フィドル: http://jsfiddle.net/malvaniya_shakti/bqs52/12/

于 2013-09-03T08:28:12.707 に答える