亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

如何將不同的 css 類選擇器組合到一個 javascript 行中？

如何將不同的 css 類選擇器組合到一個 javascript 行中？

搖曳的薔薇 2021-12-12 17:44:26
如何將這段代碼簡化為一行（js 語句）？     <script>$(".div2").click(function() {window.location = $(this).find("a").attr("href"); return false;});</script>     <script>$(".div3").click(function() {window.location = $(this).find("a").attr("href"); return false;});</script>     <script>$(".div4").click(function() {window.location = $(this).find("a").attr("href"); return false;});</script>     <script>$(".div5").click(function() {window.location = $(this).find("a").attr("href"); return false;});</script>     <script>$(".div6").click(function() {window.location = $(this).find("a").attr("href"); return false;});</script>     <script>$(".div7").click(function() {window.location = $(this).find("a").attr("href"); return false;});</script>     <script>$(".div8").click(function() {window.location = $(this).find("a").attr("href"); return false;});</script>     <script>$(".div9").click(function() {window.location = $(this).find("a").attr("href"); return false;});</script>
查看完整描述

3 回答

?
森林海

TA貢獻2011條經驗 獲得超2個贊

您可以將其縮短為如下所示：


$(".div2,.div3,.div4,.div5,.div6,.div7,.div8,.div9").click(function() {

  window.location = $(this).find("a").attr("href");

  return false;

});

也沒有必要使用多個<script>標簽，1個就夠了。


查看完整回答
反對 回復 2021-12-12
?
函數式編程

TA貢獻1807條經驗 獲得超9個贊

兩個答案：


選擇器組

您可以使用選擇器組：


$(".div2, .div3, .div4, .div5, .div6, .div7, .div8, .div9")..click(function() {

    window.location = $(this).find("a").attr("href");

    return false;

});

選擇器組是一系列中間有逗號的選擇器。它選擇匹配組中任何選擇器的元素。


事件委托

您可以添加一個處理程序，而不是向所有這些 div 添加一個處理程序，該處理程序document僅在點擊通過這些 div 之一時才采取行動：


$(document).on("click", ".div2, .div3, .div4, .div5, .div6, .div7, .div8, .div9", function() {

    window.location = $(this).find("a").attr("href");

    return false;

});

即使您有多個語句，也沒有理由不能將它們放在一個中script：


<script>

doThis();

doThat();

doTheOther();

</script>


查看完整回答
反對 回復 2021-12-12
?
回首憶惘然

TA貢獻1847條經驗 獲得超11個贊

為元素添加一個公共類，如下所示。


<div class="div2 my-class"> ... </div>

<div class="div3 my-class"> ... </div>

<div class="div3 my-class"> ... </div>

<div class="div4 my-class"> ... </div>

<div class="div5 my-class"> ... </div>

<div class="div6 my-class"> ... </div>

<div class="div7 my-class"> ... </div>

<div class="div8 my-class"> ... </div>

將事件偵聽器添加到該公共類


$(".my-class").click(function() {

  window.location = $(this).find("a").attr("href");

  return false;

});


查看完整回答
反對 回復 2021-12-12
  • 3 回答
  • 0 關注
  • 198 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號