如何將HTML附加到跨度內的段落？

我試圖在一個範圍內的段落標記附加不同的液體語法，以便根據屏幕大小截取不同點上的內容。如何將HTML附加到跨度內的段落？

這是我目前有：

<script type="text/javascript"> 
    if ($(window).width() < 321) { 
     $(".alert span p").append("test mobile"); 
    } 
    else { 
     $(".alert span p").append("test desktop"); 
    } 
</script>

我的HTML看起來像這樣：

<div class="alert"> 
    <div class="row"> 
     <div class="larger-12 columns"> 
     <span class="alertMessage" title="{{ alert_post.title }}"><p></p></span> 
     <a href="#" class="close">&times;</a> 
     </div> 
    </div> 
</div>

任何想法如何得到這個工作？謝謝！

來源

2014-02-06 user13286

這應該在理論上起作用。我創建了一個[jsfiddle]（http://jsfiddle.net/mmcH8/）。您可以更改窗口的寬度並對其進行測試。你在頁面中包含jQuery嗎？ – Fraggy

謝謝，是的，我已經包含了jQuery，實際上我有另一部分網站使用這個相同的代碼，雖然在那個例子中我將HTML附加到div而不是跨度。 – user13286

按照HTML語法，您不能在span元素中使用p元素。當您嘗試在HTML標記中嵌套元素時，瀏覽器強制執行此操作。您可以通過在JavaScript中創建元素來生成這樣的元素嵌套，但這樣做會有一點意義。

您應該從有效的HTML開始，例如在此使用div而不是span。

來源

2014-02-06 19:48:22

感謝您的提示，我已經改變了跨度到一個div，它似乎現在工作。 – user13286

如何將HTML附加到跨度內的段落？

回答

相關問題