jQuery

Question

के साथ पंक्ति और कॉलम आईडी को जानने वाले तालिका कक्ष खोजें मेरे पास एक साधारण तालिका है, जहां मैंने पंक्तियों के लिए शीर्षलेख और आईडी के लिए आईडी सेट की हैं। दोनों के लिए एक आईडी को देखते हुए, मुझे उन दोनों के चौराहे पर एक संबंधित सेल ढूंढना होगा।

उदाहरण:

<table id="tablica"> 
    <thead> 
     <th id="bla">Bla</th> 
     <th id="bli">Bli</th> 
     <th id="blu">Blu</th> 
    </thead> 
    <tbody> 
     <tr id="jedan"> 
      <td>1</td>    
      <td>2</td> 
      <td>3</td> 
     </tr> 
     <tr id="dva"> 
      <td>4</td>    
      <td>5</td> 
      <td>6</td> 
     </tr> 
     <tr id="tri"> 
      <td>7</td>    
      <td>8</td> 
      <td>9</td> 
     </tr> 
    </tbody> 
</table>​​​ 

तो मैं आईडी = "BLI" और आईडी = "dva", इसका मतलब है कि मैं सेल इस उदाहरण में मूल्य 5 होने के साथ कुछ करना चाहता हूँ है।

संपादित करें: बहुत सारे सही उत्तर हैं, मैंने उन सभी को अपरिवर्तित किया, लेकिन दुर्भाग्य से मैं केवल एक को सही के रूप में चुन सकता हूं।

Answer 1

यहाँ मेरी समाधान है jsfiddle पर: http://jsfiddle.net/t8nWf/2/

सब एक समारोह में कहा:

function getCell(column, row) { 
    var column = $('#' + column).index(); 
    var row = $('#' + row) 
    return row.find('td').eq(column); 
} 

कार्य उदाहरण: http://jsfiddle.net/t8nWf/5/

Answer 2

यदि आपके पास पंक्ति की आईडी है तो आप इसमें डेटा 5 वाले कॉलम का चयन कर सकते हैं।

$("#dva").find("td:contains(5)").css({"background-color":"red"}); 

कार्य उदाहरण के रूप में this fiddle भी देखें।

संपादित पंक्ति आप केवल मेज पर आईडी की आईडी बिना जाने, तो आप भी सेल पा सकते हैं:

$("#tablica tr").find("td:contains(5)").css({"background-color":"red", "padding":"5px"}); 

Working example

Answer 3

$('#dva > td').eq($('#bli').index()); // returns the td element 

काम करना चाहिए। कार्य उदाहरण: http://jsbin.com/acevon/edit#javascript,html,live

Answer 4

यह आपको टीडी तत्व आप एक jQuery वस्तु के रूप में चाहते हैं मिल जाएगा:

var column = $('#bli').index(); 
var cell = $('#dva').find('td').eq(column); 

और काम कर रहे उदाहरण:

var thIndex = $('#tablica #bli').index(); // get index of TH in thead 
var $td = $($('#dva td').get (thIndex)); // get the TD in the target TR on the same index as is in the thead 

JSFiddle example