jquery

2010-05-03 4 views
5

का उपयोग कर मान सेट करना मेरे पास नीचे दी गई div संरचना है। तालिका में दूसरे <td> के लिए मैं &nbsp; को एक हाइपरलिंक से प्रतिस्थापित करना चाहता हूं जिसका href विशेषता परिवर्तनीय myLink में संग्रहीत है। मैं jquery के साथ यह कैसे कर सकता हूं?jquery

कृपया मदद करें। धन्यवाद। इसलिए 0 पहला तत्व है eq शून्य है आधारित,, 1:

<div class="pbHeader"> 
    <table cellspacing="0" cellpadding="0" border="0"> 
    <tbody> 
     <tr> 
      <td class="pbTitle"> 
       <h2 class="mainTitle">Transfer Membership</h2> 
      </td> 
      <td> 
        &nbsp; 
      </td> 
      </tr> 
    </tbody> 
    </table> 
</div> 

उत्तर

8

आप कुछ इस तरह कर सकते हैं:

// you said this was already set 
var myLink = 'http://stackoverflow.com/questions/2761234'; 

var $a = $('<a>').attr('href',myLink).text('My Link!'); 
$('.pbHeader td:eq(1)').empty().append($a); 

यह नीचे एक .pbHeader (दूसरा टीडी हड़पने के लिए :eq() चयनकर्ता का उपयोग करता है दूसरा तत्व)। यह आपके &nbsp; खाली करता है और इसके अंदर उत्पन्न <a> टैग जोड़ता है।

तुम भी ऐसा कर सकता है:

$('.pbHeader td:eq(1)').html('<a href="'+myLink+'">My Text!</a>'); 

कौन सा है कि <td> के innerHTML सेट अपने "लिंक"

jsbin preview

होने के लिए