在jQuery上選擇特定的子級
[英]Selecting specific children on jQuery
問題描述
我正在嘗試使用.click()事件和.hide()方法在單擊時隱藏div。
關鍵是每個人都有一個由用戶“選擇”的不同ID ，所以我不能只為每種情況編寫代碼。
例：
的HTML
<body>
<div id="box">
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
</div>
</body>
jQuery的
$(document).ready(function() {
$(---selector for all divs 1,2,3----).click(function) {
$(----specificDivIClicked----).hide();
});
});
基本上，我正試圖找到一種方法來僅刪除我單擊的div。
2 個解決方案
解決方案1
2 已采納 2016-01-24 19:18:01
嘗試在div box選擇所有div：
$(document).ready(function()
{
$('#box div').click(function(){
$(this).hide();
});
});
$(document).ready(function() { $('#box div').click(function(){ $(this).hide(); }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="box"> <div id="div1">div1</div> <div id="div2">div2</div> <div id="div3">div3</div> </div>
解決方案2
0 2016-01-24 19:17:25
您的空白已填滿：
$(document).ready(function() {
$('[id^="div"]').click(function() {
//------------------------^---- You are missing (
$(this).hide();
});
});
片段
$(document).ready(function() { $('[id^="div"]').click(function() { $(this).hide(); }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="box"> <div id="div1">div1</div> <div id="div2">div2</div> <div id="div3">div3</div> </div>
querySelectorAll並選擇特定的子代
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.