如何在表中顯示隱藏特定的div？

HTML： -如何在表中顯示隱藏特定的div？

'<td>' + item.Message + ' <input type="button" class="btn btn-info" id="' + item.LogID + '" onclick="Clicked(this);" value="View More" /> <p> ' + item.FormattedMessage + ' </p></td></tr>'

這是表按鈕

jQuery的： -

function Clicked(e) 
     { 
      var SelectedID = e.id; 
      $("p").toggle(); 
     };

在這個當我點擊按鈕，我想說明僅選擇ID列並隱藏休息列。但是當我點擊鏈接它會顯示所有列或隱藏所有列

來源

2017-06-13 RookieCoder

'var SelectedID = e.id; $（「＃」+ SelectedID）.next（）。toggle（）;' – Rayon

除了balachandar的回答。如果你想隱藏p標籤最初然後用display:none爲p標籤

function Clicked(e) 
 
    { 
 
     var SelectedID = e.id; 
 
     
 
     $("#"+SelectedID).next("p").toggle(function(){ 
 
     
 
      var btn_text = $("#"+SelectedID).val(); 
 
    
 
      if(btn_text == "View More"){ 
 
    
 
      $("#"+SelectedID).val("Hide"); 
 
      }else{ 
 
      $("#"+SelectedID).val("View More") 
 
      } 
 
     
 
     
 
     }); 
 
     
 
     
 
    
 
    };

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="button" class="btn btn-info" id="myID" onclick="Clicked(this)" value="View More" /> <p style="display:none"> Some Text you want to in future </p>

來源

2017-06-13 10:42:13

請改變下面的代碼 $（「＃」+ SelectedID）.next（「p」）。toggle（）; 我在toggle（）方法之前錯過了（點）。 – balachandar

Thanks @balachandar –

其不工作 – RookieCoder

您可以選擇通過其ID的元素，發現裏面的p元素：

function Clicked(e) 
    { 
     var SelectedID = e.id; 
     $("#" + SelectedID).find("p").toggle(); 
    };

或者只是使用this：

function Clicked(e) 
    { 
     $(this).find("p").toggle(); 
    };

來源

2017-06-13 10:25:59 JuhG

function Clicked(e) 
    { 
     var SelectedID = e.id; 
     $("#" + SelectedID).toggle(); 
    };

來源

2017-06-13 10:27:02

您可以使用：

function Clicked(d) 
{ 
    var SelectedID = d.id; 
    $("#" + SelectedID).toggle(); 
};

來源

2017-06-13 10:28:34

試試這個下面的代碼

function Clicked(e) 
    { 
     var SelectedID = e.id; 
     $("#"+SelectedID).next("p").toggle(); 
    };

希望這會幫助你。

來源

2017-06-13 10:29:17 balachandar

它的工作！但我顯示「P」的內容。我想隱藏P內容。當我點擊按鈕時，它應該顯示P內容 – RookieCoder

@RookieCoder你想隱藏並顯示P內容，同時單擊按鈕的權利？ – balachandar

此功能選取所有p內你的表的td和隱藏所有的人，那麼就只顯示一個用與按鈕的ID相同。

function Clicked(e) { 
    var SelectedID = e.id; 
    $("td p").hide(); 
    $("#" + SelectedID).show(); 
};

來源

2017-06-13 11:18:02 Blarzek

如何在表中顯示隱藏特定的div？

回答

相關問題