我可以用javaScript文本框的值發送id值嗎？

Question

我想使用td id查找最大值和最大值，但我必須採用文本框的值，我必須發送查找幫助我。

$(document).ready(function() { 
    $("#button").click(function() { 

     var _t1 = $("#t1").val(); 
     var _t2 = $("#t2").val();//users write values ​​like 'A2' 'B8' here 
     //alert("Values:" + _t1 + ' ' + _t2); 

     $(document).ready(function() { 
      var value = $("#B5"); //I need to send TextBox's value instead of 
      writing like this 
      var offset = value.offset(); 
      //alert("x : " + offset.top + " y : " + offset.left); 

      <tr> 
       <td>5</td> 
       <td class="d" id="A5"></td> 
       <td class="w" id="B5"></td> 
       <td class="d" id="C5"></td> 
       <td class="w" id="D5"></td> 
       <td class="d" id="E5"></td> 
       <td class="w" id="F5"></td> 
       <td class="d" id="G5"></td> 
       <td class="w" id="H5"></td> 
      </tr> 

Answer 1

假設t2是你的文本框，你會想是這樣的：

var td = $('#' + $('#t2').val());

這樣做是它的文本框的值追加到「＃」字符，然後通過這個jQuery作爲選擇器的連接字符串。

從上面使用的符號：

$(document).ready(function() { 
 
    $("#button").click(function() { 
 
    var inputtedID = $("#t2").val(); 
 
    if (inputtedID) { 
 
     //check that it is not an empty string 
 

 
     var td = $("#" + inputtedID); 
 
     if (td.length > 0) { 
 
     //if there is a td with that ID 
 
     var offset = td.offset(); 
 
     $("#result").text("The offset for " + inputtedID + ": {top: " + offset.top + ", left: " + offset.left + "}"); 
 
     } else { 
 
     $("#result").text("There is no element with id of " + inputtedID); 
 
     } 
 
    } 
 
    }); 
 
});

td{ 
 
    min-width: 10px; 
 
    min-height: 10px; 
 
    
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td>5</td> 
 
    <td class="d" id="A5"></td> 
 
    <td class="w" id="B5"></td> 
 
    <td class="d" id="C5"></td> 
 
    <td class="w" id="D5"></td> 
 
    <td class="d" id="E5"></td> 
 
    <td class="w" id="F5"></td> 
 
    <td class="d" id="G5"></td> 
 
    <td class="w" id="H5"></td> 
 
    </tr> 
 
</table> 
 

 
<input id="t2" /> 
 

 
<button id="button">Get Offset</button> 
 
<br> 
 
<span id="result"></span>