JS this 的使用 隱藏顯示某段DIV
利用JS隱藏顯示某段DIV
<div class="tcbm_text">
<span class="reply" onclick="showCommen()" >{{:commentCount}}</span>
</div>
<div class="tcbm_rebox" >
</div>
//顯示隱藏切換 tcbm_rebox
function showCommen(){
$(this).parent().next().toggle();
};
錯誤,$(this)並不能定位到具體的span
原因:JS並不能判斷 this 具體是哪一個元素
修改方法一:
<div class="tcbm_text">
<span class="reply" onclick="showCommen(this)" >{{:commentCount}}</span>
</div>
<div class="tcbm_rebox" >
</div>
//顯示隱藏切換 tcbm_rebox
function showCommen(tar){
$(tar).parent().next().toggle();
};
修改方法二:
<div class="tcbm_text">
<span class="reply" onclick="showCommen()" >{{:commentCount}}</span>
</div>
<div class="tcbm_rebox" >
</div>
//顯示隱藏切換 tcbm_rebox
$("span.replay").click(function(){
$(this).parent().next().toggle();
});
相關推薦
JS this 的使用 隱藏顯示某段DIV
利用JS隱藏顯示某段DIV <div class="tcbm_text"> <span class="reply" onclick="
js擷取字串的某段值,split方法
字串“ 青島-南京 ”,提取出青島、南京的實現方法,如下: var load="青島-南京"; var startcity=''; var endcity=''; startcity=load.split("-")[0]; //輸出青島 endcity=load.spli
js/jquery隱藏/顯示瀏覽器滾動條
//隱藏瀏覽器滾動條document.body.parentNode.style.overflowY = "hidden";$("body").parent().css("overflow-y","hidden");//顯示瀏覽器滾動條document.body.parent
.net新增前端樣式和JS新增標籤樣式、以及div/a 標籤的顯示和隱藏
jQuery display 隱藏後,原來位置被佔掉 visibility 隱藏後,原來位置還在 $("#id").show()表示display:block, $("#id").hide()表示display:none; $("#id").css('display','none'); $("#id"
js如何實現點選一個按鈕顯示一個div,然後該div上有一個按鈕,點選此按鈕後隱藏,隱藏的同時顯示另外一個div,而在次彈出的div也有一個按鈕,點選後隱藏.
<button id="btn1" onclick="btn1()">報名</button> <div id="div1" style="background:#999999; display:none;"> <button id=
【bootstrap】對於不同裝置實現某一div塊的自動隱藏或者顯示
使用bootstrap,想實現相對於不同裝置實現某一div塊的自動隱藏或者顯示,如下: Bootstrap 提供了一些輔助類,以便更快地實現對移動裝置友好的開發。這些可以通過媒體查詢結合大型、小型和
js控制div點選隱藏顯示
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.c
js控制隱藏或顯示table的某一行
主要JS如下:(相容browser: IE9, FireFox, Chrome, 360 safe) var row = document.getElementById(rowID); if (row != null) {
web前端,js實現div隱藏顯示
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text
js獲取元素顯示隱藏的當前狀態
當前 jquery blog script 獲取 pre one log class js獲取元素顯示隱藏的當前狀態 // CSS var display = $("."+cls).css("display"); if(display == "none
js判斷奇偶數實現隱藏顯示功能 與css立體按鈕
border ng- con position otto erb white adc JD hello! 好久不見了 ,今天也沒準備什麽技術,知識想和大家就見個面,一個js判斷奇數偶數來實現css樣式 ,感覺最大的用途就是頁面的導航。就這麽一個小小的
JS 實現定時操作 隱藏顯示圖片(setInterval() clearInterval())
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script> function init()
java獲取某段程式碼執行時間和js獲取方法執行時間
java獲取某段程式碼執行時間和js獲取方法執行時間 java // 測試執行時間 long startTime = System.currentTimeMillis(); 程式碼段...... // 結束時間 long endTime = Syst
JS練習:顯示和隱藏
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> fu
報表:JS自定義隱藏/顯示sheet頁面
在報表的使用過程中,有一種特殊需求:針對某個多sheet頁面的報表,需要針對不同的使用者,隱藏/顯示不同的sheet頁面,從而達到許可權控制的效果,同時,需要將這種功能實現視覺化,由使用者來控制不同使用者的許可權和更新許可權,不由開發人員預設設定。 在常規的報表製作中,一般都是根據業務上的使用規
表格外掛bootstrapTable中隱藏和顯示某列及一些小注意點
html程式碼: <table id="docDateTable" class="table table-hover table-bordered" style="color: #000000"> <thead style="back
js display隱藏和顯示時,樣式會被改變。
display顯示與隱藏時,原先的樣式會被改變,導致不正常顯示事先定義好的樣式。 1、當表格為多列的情況下,屬性為"display:block"行的內容寬度僅與第一列寬度相同,也就是說無論你使colspan的屬性值為多少,剩餘列的空間都不進行解析。2、同一行反覆的在"dis
div a標籤的隱藏/顯示和獲取session的值
需求說明: 1、前端頁面獲取session中的值程式碼部分: 1、jQuery中獲取<script type="text/javascript"> $(function(){ var username = '<%= session.getAttribute("us
用js來隱藏div
function showhidediv(id){ try{ var sbtitle=document.getElementById(id); if(sbtitle){ if(sbtitle.style.display=='block'){
js 控制樣式顯示隱藏
<input id="challengeCode" name="challengeCode" type="text" class="login_box" style="display:none;w