2009-07-09 16 views
25
'<div id="'+div_id+'" class="widget" style="height:60px;width:110px">\n\ 
      <div class="widget-head ui-widget-header" style="cursor:move;height:20px;width:130px">'+ 
     '<span id="'+span_id+'" style="float:right; cursor:pointer" class="dialog_link ui-icon ui-icon-newwin ui-icon-pencil"></span>' + 
      dialog_title+'</div></div> 

मेरे पास उपरोक्त स्ट्रिंग का उपयोग करके एक div बनाया गया है। कुछ प्रसंस्करण के बाद .. मुझे उपरोक्त div में dialog_title को बदलना होगा। मैं हालांकि यह बदलता है संवाद title..it अवधि तत्व है जो एक संवाद बॉक्स खोलने के लिए किया जाता है को हटा निम्नलिखित कोडjquery change div text

$('#'+div_id+' .widget-head').text("new dialog title"); 

साथ यह करने के लिए कोशिश कर रहा हूँ।

मुझे लगता है कि शीर्षक और अवधि के लिए NaN से पता चलता है, हालांकि दिखाई नहीं कर सकते क्लिक किया जा नया संवाद title..but के साथ एक तार के साथ replaceWith विधि की कोशिश की (घटनाओं अक्षम हैं?)

मैं कैसे बिना पाठ बदल सकता हूँ अवधि और इसे क्लिक करने की क्षमता खोना।

अग्रिम धन्यवाद।

उत्तर

53

अपने स्वयं के अंतराल में शीर्षक रखो।

<span id="dialog_title_span">'+dialog_title+'</span> 
$('#dialog_title_span').text("new dialog title"); 
+2

+1 अभी तक बेहतर है, शीर्षक को शीर्षक टैग में रखें: $ ('#' + div_id + '> h2')। टेक्स्ट ('foo') ' –

4

मुझे लगता है कि यह कर देगा:

$('#'+div_id+' .widget-head > span').text("new dialog title"); 
+1

यह अभ्यस्त क्योंकि पाठ वह अवधि – gubby

+0

अंतराल Thanks..Adding और उसके पाठ की स्थापना में नहीं है बदल रहा है समस्या हल हो। लेकिन मैं केवल एक उत्तर सही के रूप में दे सकता हूं :( –

2

सबसे अच्छा और आसान तरीका अंतराल के अंदर शीर्षक रखा और फिर बदलने के लिए है।

'<div id="'+div_id+'" class="widget" style="height:60px;width:110px">\n\ 
     <div class="widget-head ui-widget-header" 
       style="cursor:move;height:20px;width:130px">'+ 
    '<span id="'+span_id+'" style="float:right; cursor:pointer" 
      class="dialog_link ui-icon ui-icon-newwin ui-icon-pencil"></span>' + 
     '<span id="spTitle">'+ 
     dialog_title+ '</span>' 
'</div></div> 

अब आप बस इस का उपयोग कर सकते हैं:

$('#'+div_id+' .widget-head sp#spTitle').text("new dialog title"); 
+0

यदि आईडी अवधि का सेट सेट किया गया है, तो एक लंबा चयनकर्ता क्यों है। क्या स्पैन की आईडी निर्दिष्ट करने के लिए पर्याप्त नहीं है। – rahul

+0

धन्यवाद .. एक अवधि जोड़ने और इसके पाठ को सेट करने से समस्या हल हो गई है। लेकिन मैं केवल एक जवाब सही के रूप में दे सकता हूं: ( –

संबंधित मुद्दे