Question

HTML： -

'<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列并隐藏其余列。但是，当我点击按钮时，它会显示所有列或隐藏所有列

Answer 1

请尝试以下代码

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

希望这会对你有所帮助。

Answer 2

除了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>

Answer 3

您可以按其ID选择元素，并在里面找到p元素：

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

或者只使用this：

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

Answer 4

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

Answer 5

您可以使用：

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

Answer 6

此功能选择表格SELECT [xml_P].Id, [xml_P].PNumber, [xml_PSR].ScopeRegion, [xml_SR].RegionCode FROM [xml_P] JOIN [xml_PSR] ON [xml_P].Id = [xml_PSR].Pol JOIN [xml_SR] ON [xml_PSR].SR = [xml_SR].Id内的所有p并隐藏所有这些内容，然后它只显示与按钮ID相同的那个。

td

如何在表格中显示隐藏特定div？

6 个答案: