2014-07-24 32 views
-1

我有以下HTML其中我通過DOM取出並將其插入到一個隱藏的表單中的wordpress:jQuery的html的方法返回形式後斷碼提交

<div class="main_class"> 
     <div class="itemRow row-0 odd" id="cartItem_SCI-1"> 
      <div class="item-thumb"> 
       <img src="http://example.com/248916"> 
      </div> 
     </div> 
     <div class="itemRow row-0 odd" id="cartItem_SCI-1"> 
      <div class="item-thumb"> 
       <img src="http://example.com/248915"> 
      </div> 
     </div> 
     <div class="itemRow row-0 odd" id="cartItem_SCI-1"> 
      <div class="item-thumb"> 
       <img src="http://example.com/248917"> 
      </div> 
     </div> 
    </div> 

我使用下面的代碼:

$('body').on('click', function(){ 
     var temp = $('.main_class').html(); 
     $('myform').val(temp); 
    }); 

問題是我提交表單,並檢查了實際的形式後的結果,這就是我得到:

&lt;div class="main_class"&gt; 
     &lt;div class="itemRow row-0 odd" id="cartItem_SCI-1"&gt; 
      &lt;div class="item-thumb"&gt; 
       &lt;img&gt; 
      &lt;/div&gt; 
     &lt;/div&gt; 
     &lt;div class="itemRow row-0 odd" id="cartItem_SCI-1"&gt; 
      &lt;div class="item-thumb"&gt; 
       &lt;img&gt; 
      &lt;/div&gt; 
     &lt;/div&gt; 
     &lt;div class="itemRow row-0 odd" id="cartItem_SCI-1"&gt; 
      &lt;div class="item-thumb"&gt; 
       &lt;img&gt; 
      &lt;/div&gt; 
     &lt;/div&gt; 
    &lt;/div&gt; 

由於某些原因,圖像src屬性沒有保存。我已經嘗試了很多不同的方法,如innerHTML,clone()和其他方法,但似乎沒有任何方法可以保存圖像的src屬性。

我的問題是,在這種情況下,如何獲得正確保存的圖像src屬性。

感謝

+1

'$('myform')'應該選擇什麼類型的元素? –

+0

基本表單文本輸入字段 – user2028856

+0

「myForm」是否爲id?我認爲@RoryMcCrossan得到的是,目前它是你像'div'或'span'一樣遍歷DOM的'myForm'元素。不同之處在於沒有這樣的元素... – War10ck

回答

2

最可能的解釋這個活動是你的服務器端softvare正外泄危險字符轉換成HTML實體,以防止XSS攻擊。如果您只想獲取發送到服務器的圖像的src屬性,您可以通過在$('.main_class img')對象上使用jQuery的.attr('src')來實現。

+0

我明白了。那麼我的情況是,我不僅可以獲得src屬性,因爲我還需要在稍後階段輸出完整的HTML元素 – user2028856