JQuery

Question

का उपयोग करके पूरी तालिका पंक्ति को बदलें ( सहित) मैंने यहां अन्य उदाहरणों को देखा है, लेकिन वे <tr> की सामग्री को प्रतिस्थापित कर रहे हैं और <tr> सहित पूरी पंक्ति नहीं।

<table> 
    <tr style="display:block"> 
     <td id="someid">Test</td> 
     <td>Some text</td> 
    </tr> 
</table> 

निम्नलिखित कोड केवल <tr> के आंतरिक HTML को प्रतिस्थापित करता है। मुझे <tr> समेत सब कुछ बदलने की जरूरत है ताकि पंक्ति गिर जाएगी। किसी को भी है कि इस कोड करता है या पूरी तरह से पंक्ति नहीं की जगह है इस बात की पुष्टि कर सकते हैं:

var newtr = "<tr style='display:none'><td id='someid'></td><td></td></tr>" 
$("td#someid").parent().html(newtr); 

कारण है कि मुझे नहीं लगता कि पूरे <tr> बदला जा रहा है, क्योंकि पंक्ति पतन नहीं करता है - यद्यपि मैं परीक्षण किया है JQuery के बाहर HTML और यह ठीक काम करता है।

$("td#someid").parent().replaceWith(newtr); 

Answer 1

आप बहुत करीब हैं, बस jQuery replaceWith^{[jQuery docs]} फ़ंक्शन का उपयोग करें :

$("td#someid").parent().replaceWith(newtr); 

Answer 2

उचित समारोह .replaceWith है:

$("td#someid").parent().replaceWith(newtr); 

Answer 3

आप, उसकी सामग्री वस्तु को बदलने के लिए प्रयास कर रहे हैं नहीं

Answer 4

तत्व का स्थान बदलने के लिए jquery की विधि के साथ प्रतिस्थापित करें।

$('#someid').parent().replaceWith(newtr); 

Answer 5

आप HTML तकनीक के रूप में तत्वों से स्विच करने के लिए विरोध पसंद करते हैं, इस प्रयास करें:

आप कह रही है कि इस टीआर तत्व की जगह नहीं होगी में सही हैं। .html ("...") तत्व के आंतरिक HTML को प्रतिस्थापित करता है (इस मामले में tr)। इस लक्ष्य को हासिल करने के लिए JavaScript outerHTML का उपयोग करें: $("td#someid").parent().get(0).outerHTML = newtr;

Answer 6

इस डेमो देखें: http://jsfiddle.net/rathoreahsan/QXmTN/

Jquery

$("td#someid").parent().replaceWith(newtr); 

Answer 7

आप भी इस JsFiddle

var newtr = "<tr style='display:none'><td id='someid'></td><td></td></tr>"; 

$("td#someid").parent().parent().html(newtr);