जब मैं कुछ एचटीएमएल को एक डीवी तत्व में jQuery

Question

के साथ डालने का प्रयास करता हूं तो मैं कक्षा टेक्स्ट प्रदर्शित करने की कोशिश कर रहा हूं जब कक्षा numObj के तत्व पर क्लिक किया जाता है। किसी कारण से मुझे NaNNaNaNaNNaNNaNaNNN मिलता है जहां मैं नीचे दिए गए कोड में खोजफॉर्म चर के परिणाम देखने की अपेक्षा करता हूं।

मुझे पता है कि NaN एक संख्या के लिए खड़ा है। मुझे समझ में नहीं आता है कि जावास्क्रिप्ट एक संख्या की उम्मीद क्यों कर रहा है? मुझे समझ में नहीं आता कि यह परवाह क्यों करता है।

$(".numObj").live('click',function(){ 
    var preId = $(this).attr('preId'); 
    var arrayPos = $(this).attr('numArrayPos'); 

     alert(preId +" "+arrayPos); 

     var searchForm = "<table border='0' cellspacing='0' cellpadding='4' id='add-tag2'>"+ 
      +"<tr class='normal'><td bgcolor='#EEEEEE' valign='bottom' nowrap='nowrap'><span class='normal-small'>"+ 
      +"<input name='predicate-name2' type='text' class='normal' id='predicate-name2' size='4' />"+ 
      +"</span></td>"+ 
      +"<td bgcolor='#EEEEEE' valign='bottom' nowrap='nowrap'><span class='normal-small'>&lt;=</span></td>"+ 
      +"<td bgcolor='#EEEEEE' valign='bottom' nowrap='nowrap'>x</td>"+ 
      +"<td valign='bottom' bgcolor='#EEEEEE'>&lt;=</td>"+ 
      +"<td valign='bottom' bgcolor='#EEEEEE'><span class='normal-small'>"+ 
      +"<input type='text' name='object-object2' id='object-object2' class='normal' size='4' />"+ 
      +"</span></td>"+ 
      +"</tr>"+ 
      +"</table>"; 
     $(".numObj").filter("[preId='"+preId+"']").filter("[numArrayPos='"+arrayPos+"']").html(searchForm); 

    }); 

उत्पन्न कोड numObj वर्ग है कि इस

<td><div class="numObj" preid="73" numarraypos="5"><span class="normal">585.0</span></div></td> 

Answer 1

समस्या, जैसा कि अन्य ने इंगित किया है + ऑपरेटर है। समेकित तारों के अलावा, यह गणितीय जोड़ के रूप में भी प्रयोग किया जाता है। जावास्क्रिप्ट की गतिशील टाइपिंग की वजह से, एकल + अकेले एक स्ट्रिंग पर के उपयोग के कारण होगा स्ट्रिंग एक संख्या में परिवर्तित किया: अपने कोड की

+"12"; // -> 12 
+"10" + +"12" // -> 22 

कई लाइनों लाइन और के अंत में + ऑपरेटर है नई लाइन की शुरुआत। दूसरा + एक असामान्य गणितीय जोड़ के रूप में माना जाएगा और convert the string to a number का प्रयास करेगा। निम्नलिखित पर विचार करें:

"Hello" + 
+ "World" // -> "HelloNaN" 

Answer 2

आप एक से अधिक से अधिक ऑपरेटरों एक दूसरे के बगल है की तरह कुछ लग रहा है।

var searchForm = "<table border='0' cellspacing='0' cellpadding='4' id='add-tag2'>"+ 
+"<tr class='normal'><td bgcolor='#EEEEEE' valign='bottom' nowrap='nowrap'><span class='normal-small'>"+ 

ध्यान दें कि पहली पंक्ति के अंत में एक प्लस ऑपरेटर है, और अंतिम पंक्ति की शुरुआत में एक है। इन प्लस ऑपरेटरों में से एक को हटाएं (प्रत्येक पंक्ति के लिए), और आप शायद त्रुटि से छुटकारा पायेंगे।

वैसे, JSLint इन त्रुटियों को एक झिल्ली में पाता है।

Answer 3

पूरे searchForm चर बनाना var searchForm

var searchForm = "<table border='0' cellspacing='0' cellpadding='4' id='add-tag2'>" 
     +"<tr class='normal'><td bgcolor='#EEEEEE' valign='bottom' nowrap='nowrap'><span class='normal-small'>" 
     +"<input name='predicate-name2' type='text' class='normal' id='predicate-name2' size='4' />" 
     +"</span></td>" 
     +"<td bgcolor='#EEEEEE' valign='bottom' nowrap='nowrap'><span class='normal-small'>&lt;=</span></td>" 
     +"<td bgcolor='#EEEEEE' valign='bottom' nowrap='nowrap'>x</td>" 
     +"<td valign='bottom' bgcolor='#EEEEEE'>&lt;=</td>" 
     +"<td valign='bottom' bgcolor='#EEEEEE'><span class='normal-small'>" 
     +"<input type='text' name='object-object2' id='object-object2' class='normal' size='4' />" 
     +"</span></td>" 
     +"</tr>" 
     +"</table>"; 

Answer 4

की प्रत्येक पंक्ति अंत बंद + प्रतीकों ले लो केवल मौजूद पर एक पंक्ति यह काम करता है ... लेकिन इस खूबसूरत नहीं है। यदि कोई बेहतर समाधान है तो मैं जानना चाहूंगा।