1. 程式人生 > >JS this 的使用 隱藏顯示某段DIV

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"

【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