テーブル行をクリックしてトグルクラスをクリックしてonclickを動作させる

Question

編集行為をテーブル行を展開するのと同時に実行できるようにしようとしています。たとえば、テーブルの行をクリックすると高さが300ピクセルに拡大されますが、残念ながらエントリを編集するための編集アイコンをクリックすることはできません。 stopPropagation（）を試しましたが、動作していないようです。ここで

が私のコードです：

<tr id="tr_<?php echo $row['id']; ?>" style="border: 0;" class="parent"> 
    <td id="name_<?php echo $row['id']; ?>" class='cellStyleString'><b><?php echo $manager_info[$row['managerid']]; ?></b></td> 

    <td class='cellStyleString' id="title_<?php echo $row['id']; ?>"><?php echo $row['title'] ?></td> 

    <td class='cellStyleString' id="text_<?php echo $row['id']; ?>"><?php echo $row['text'] ?></td> 

    <td class='cellStyleString' id="insert_date_<?php echo $row['id']; ?>"><?php echo date('m/d/Y', strtotime($row['insert_date'])) ?></td> 

    <td class='cellStyleString' id="reports_<?php echo $row['id']; ?>"><?php echo $reports; ?></td> 

    <td class='cellStyleString' id="filenames_<?php echo $row['id']; ?>"><?php echo $files; ?></td> 

    <td class='cellStyleString'><img src="images/edit_report.png" style="cursor: pointer; float: left;" class="x" onclick="editReport('<?php echo $row['id']; ?>');"></td> 

    <td class="cellStyleString"><img src="images/x.png" style="cursor: pointer; float: left;" class="x" onclick="deleteReport('<?php echo $row['id']; ?>');"></td> 
</tr> 

とjQuery：

$('.parent').click(function(event) { 
    event.stopPropagation(); 
    $(this).toggleClass('expand').nextUntil('tr.parent').toggle(); 
}); 

私はまた別のものを追加しましたが、それはどちらか何かをやっているようには見えません。

$('.x').click(function(event) { 
    event.stopPropagation(); 
}); 

助けていただければ幸いです。

ありがとうございます！

Answer 1

テーブルセルの長さが長すぎて、動作しなくなっていました。