jQuery कंसोल में काम कर रहा है लेकिन मूल कोड

Question

में मैंने टीडी के अंदर टैग में href जोड़ने के लिए निम्न कोड का प्रयास किया है। कंसोल में करते समय यह ठीक काम कर रहा है। लेकिन जब मैं अपने कोड में ऐसा करने की कोशिश करता हूं तो यह काम नहीं कर रहा है। क्या कोई मुझे कारण बता सकता है?

<script> 
    $("table tbody tr td a").attr('href','http://www.google.com'); 
</script> 
<table> 
    <tr> 
     <td><a >Hai</a></td> 
    </tr> 
</table> 

Answer 1

एक तैयार अनुभाग में डाला:

<script type="text/javascript"> 
$(document).ready(function() { 
$("table tbody tr td a").attr('href','http://www.google.com'); 
}); 
</script> 

Answer 2

तत्व मौजूद नहीं है जब आपके jQuery क्रियान्वित कर रहा है। आपको अपने हैंडलर को एक तैयार समारोह में रखना होगा। इससे पहले कि आप डोम हेरफेर करने की कोशिश

<script type="text/javascript"> 
$(function() { 
    $("table tbody tr td a").attr('href','http://www.google.com'); 
}); 
</script> 

$(function() {});,) के लिए $(document).ready(function() {});

Answer 3

उपयोग document.ready (संक्षेप

$(document).ready(function() { 
    $("table tbody tr td a").attr('href','http://www.google.com'); 
} 

आप यह सुनिश्चित करें कि दस्तावेज़ पहले से ही भरी हुई है की जरूरत है।

अधिक जानकारी पर: http://api.jquery.com/ready/

Answer 4

आपका कोड कार्यान्वित होने से पहले डोम तैयार है और तत्व वास्तव में मौजूद है, यह इस तरह का प्रयास करें:

<script> 
    $(document).ready(function(){ 
     $("table tbody tr td a").attr('href','http://www.google.com'); 
    }); 
</script> 

कारण यह कंसोल पर काम करता है क्योंकि <a> तत्व पहले से मौजूद है, जब आप अपने कोड निष्पादित ...

JSBin Demo

Answer 5

एचटीएमएल बनने से पहले जेएस फायरिंग कर रहा है।

<table> 
    <tr> 
     <td><a >Hai</a></td> 
    </tr> 
</table> 
<script> 
    $(function() { 
     $("table tbody tr td a").attr('href','http://www.google.com'); 
    }); 
</script>