的javascript

Question

我已经放了我的div in table tr td标签，我想找到div并用jquery显示div，但它不起作用。

我有一个验证javascript函数，其中我想找到我的ID为errordiv的div并使其可见，但我无法将其显示为默认设置为display:none; < / p>

这是我的代码：

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>

Answer 1

试试这个

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

Answer 2

这就是我要做的。

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>

Answer 3

这适用于这种情况，

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

如果表格中有单个div。

Answer 4

<!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>

Answer 5

的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>

如何在表tr td标签内显示div？

5 个答案:

的javascript

的HTML