Я положил свой тег div in table tr td, и я хочу найти этот div и показать, что div с jquery, но он не работает.Как показать div, который находится внутри таблицы tr td tag?

У меня есть 1 функция проверки javascript, в которой я хочу найти свой div с id errordiv и сделать его видимым, но я не могу сделать его видимым, поскольку он по умолчанию установлен в display:none;

Вот мой код:

function Validate() { 
    $("table tr td #errordiv").show(); 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<table> 
    <tr> 
    <td></td> 
    <tr> 
     <tr> 
     <td></td> 
     <tr> 
      <tr> 
      <td><label>Validate</label></td> 
      <td> 
       <asp:TextBox ID="txt1" runat="server" onchange="Validate();"></asp:TextBox> 
      </td> 
      <td><div id="errordiv" style="display:none;"> 
       <label for="errormessage">Incorrect</label> 
       </div> 
      </td> 
      </tr> 
</table>

источник

2016-02-09 Learning-Overthinker-Confused

https://jsfiddle.net/arunpjohny/jnbuq40j/1/? работает только отлично –

'$ (" # errordiv "). show();' будет делать, если у вас нет нескольких div с одинаковым идентификатором 'id' *** всегда должно быть уникальным *** – guradio

@ArunPJohny, May OP для 'keyup' (live change) – Rayon

попробовать этот

function Validate() { 
    $("#errordiv").css("display","block"); 
}

источник

2016-02-09 04:57:32 Gomzy

Это не работает –

сейчас попробуйте @ Может случиться, что это работает – Gomzy

, если то же самое, что я хочу найти с ближайшей функцией jquery? –

Это то, что я хотел бы сделать.

JQuery:

function Validate() { 
    $("#errordiv").css("display","block"); 
}

HTML:

<table> 
<tr> 
<td> 
</td> 
<tr> 

    <tr> 
    <td> 
    </td> 
    <tr> 

     <tr> 
     <td> 
      <label>Validate</label> 
     </td> 
     <td> 
      <input onkeypress="Validate();" /> 
     </td> 

     <td> 
      <div id="errordiv" style="display:none;"> 
      <label for="errormessage">Incorrect</label> 
      </div> 
     </td> 
     </tr>

источник

2016-02-09 05:01:46 Beans

если такая же вещь, я хочу найти ее с ближайшей функцией jquery? –

Не могли бы вы объяснить немного больше? Я не совсем уверен, что вы имеете в виду. – Beans

Я хочу показать этот div с ближайшей функцией jquery –

Это будет работать в этом случае,

$('table').find("div").show()

Если у вас есть единственный Div внутри таблицы.

источник

2016-02-09 05:04:38 Dharmik

<!DOCTYPE html> 
<html> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 


<script> 
    $(document).ready(function() { 



    }); 

    function Validate() { 
     $("table tr td #errordiv").show(); 
    } 
</script> 



<body> 

    <table> 
    <tr> 
    <td> 
    </td> 
    <tr> 
     <tr> 
     <td> 
     </td> 
     <tr> 
      <tr> 
      <td> 
       <label>Validate</label> 
      </td> 
      <td> 
       <input ID="txt1" onchange="Validate();" /> 
      </td> 
      <td> 
       <div id="errordiv" style="display:none;"> 
       <label for="errormessage">Incorrect</label> 
       </div> 
      </td> 
      </tr> 
</table> 
</body> 
</html>

источник

2016-02-09 05:07:12 Aswathy

Javascript

<script type="text/JavaScript"> 
    $(document).ready(function(){ 
     $("#errordiv").hide(); 
     $("input").change(function Validate() { 

      $("#errordiv").show(); 
     }); 
    }); 
</script>

HTML

<table border="1"> 
    <tr> 
     <td> 
      <label >Validate</label> 
     </td> 
     <td> 
      <input type="text" onchange="Validate()"> 
     </td> 
     <td> 
      <div id="errordiv"> 
       <label for="errormessage">Incorrect</label> 
      </div> 
     </td> 
    </tr> 
</table>

источник

2016-02-09 05:13:48 Kavya

Лично я бы не скрывал #errordiv в функции $ (document) .ready() только потому, что быстрее выполнять это с помощью CSS, а не ждать целая страница. Очевидно, что не будет никакой разницы для страницы, такой небольшой, но когда ваши проекты станут больше, это может стать очень заметным. – Beans

Как показать div, который находится внутри таблицы tr td tag?

ответ

Javascript

HTML

Смежные вопросы