如何在自定义HTML属性中将HTML包含样式

时间:2018-07-29 15:40:38

标签: jquery html css3

我正在尝试将具有样式(CSS)的句子包含到自定义HTML属性中。

有可能这样做吗?

 <a class="head-1" data-aos="fade-up" data-aos-delay="500" class="active"  data-parameter-1=" Warehouses for rent <br> Starting From <span style="&quot; color:red;text-decoration: underline"&quot; > AED 74,000</span>">WAREHOUSES</a>

唯一的问题是如何在样式标签后转义双引号。

3 个答案:

答案 0 :(得分:0)

我认为应该可以。我还没有尝试使用双引号,但是我知道您可以在HTML标记中为&lsaquo;&rsaquo;使用<>。所以我认为应该可以。

答案 1 :(得分:0)

您可以使用单引号而不是双引号,请参见下面的示例。浏览器会正确呈现标记。

 <a class="head-1" data-aos="fade-up" data-aos-delay="500" class="active"  data-parameter-1=" Warehouses for rent <br> Starting From <span style='color:red;text-decoration: underline'> AED 74,000</span>">WAREHOUSES</a>

答案 2 :(得分:0)

是的...只需删除双引号",因为您使用的是&quot;

console.log($(".head-1").attr("data-parameter-1"));

$("#result").html($(".head-1").attr("data-parameter-1"));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="head-1" data-aos="fade-up" data-aos-delay="500" class="active"  data-parameter-1=" Warehouses for rent <br> Starting From <span style=&quot;color:red;text-decoration:underline&quot;> AED 74,000</span>">WAREHOUSES</a>
<div id="result"></div>