tr data-href=でtdを囲んで、一括遷移できるようにしているが、一部のtdだけ除外したい。

Question

trにクラス書いて、中のtdも丸ごと一回でクリックできるようにしてるんですが、指定のtdだけクリック範囲から除外したいです。
他のtdはtr指定してるのでどれ押しても遷移するが、あるtdだけそれを適用外したいです。

<tr data-href="URL#"> <td>a</td> ~ //どれクリックしてもAページに遷移判定 <td>c</td> <td>d</td>　//←これだけページ遷移せず、別の処理。(別のBページに遷移等) </tr>

Comments

[Lhankor_Mhy]

「URL#」がAページですか？

[yambejp]

カスタムデータをクリックで処理できるようにするにはjsが必須では？

Answer 1

一応jQueryでやるとこんな感じです

Comments

[yambejp]

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function(){
$('[data-href]').on('click',function(e){
if($(e.target).closest('.nolink').length==0){
location.href=$(this).data('href');
}
});
});
</script>
<table>
<tr data-href="#a">
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr data-href="#b">
<td>4</td>
<td>5</td>
<td class="nolink">除外</td>
</tr>
</table>

Answer 2

URL#」がAページですか？

はい。

jsが必須では？

そのようですね...。

お二人とも考えてくださりありがとうございます。
ちょっと無理やりすぎて、考えてみたんですがどうもそんな都合のいいことはjs絡ませないと難しそうです。
他の実装法を考えたいと思いますので、質問は閉じさせてもらいます。
お二人とも申し訳ありません、ありがとうございました。