JQuery:将id作为内容追加到id,而不是html(JQuery: Append string to id as content, not html)

我想将HTML添加到div,但将其呈现为文本,而不是实际的HTML。 我目前正在这样做:

HTML

<div id="feed"></div>

使用Javascript / JQuery的

$("#feed").append("<b>Hello World!</b>");

它呈现以下内容:

你好,世界

但是我想要像这样呈现常规文本

<b>Hello World!</b>

I want to add an HTML to a div but render it as text, not as actual HTML. I currently am doing this:

HTML

<div id="feed"></div>

Javascript/JQuery

$("#feed").append("<b>Hello World!</b>");

And it renders the following:

Hello World

But I want regular text to be rendered, like this

<b>Hello World!</b>

原文:https://stackoverflow.com/questions/43774302
2024-04-21 14:04

满意答案

您可以为此创建一个gradle任务。

task copyNativeLibs {
    Gradle gradle = getGradle()
    Pattern pattern = Pattern.compile(":assemble(.*?)(Release|Debug)");
    Matcher matcher = pattern.matcher(gradle.getStartParameter().getTaskRequests().toString());
    def flavor = matcher.group(1)

    if(flavor == 'flavor1') {
    copy {
        from '/yourlibrarypath'
        into 'src/main/assets/flavor1/ '
        }
    } else if() {
    ....
    }
}

You can create a gradle task for the same.

task copyNativeLibs {
    Gradle gradle = getGradle()
    Pattern pattern = Pattern.compile(":assemble(.*?)(Release|Debug)");
    Matcher matcher = pattern.matcher(gradle.getStartParameter().getTaskRequests().toString());
    def flavor = matcher.group(1)

    if(flavor == 'flavor1') {
    copy {
        from '/yourlibrarypath'
        into 'src/main/assets/flavor1/ '
        }
    } else if() {
    ....
    }
}

相关问答

更多

在Android上使用不同密钥进行Gradle签名(Gradle signing flavors with different keys on Android)

Gradle插件用户指南说,你可以: 通过分别设置每个android.productFlavors.*.signingConfig对象,每个发行包都使用自己的SigningConfig 。 这在这个答案( Gradle Product Flavors上的调试签名配置 )和这篇博文( 使用Gradle构建Android应用的多个版本)中得到了证明。 但是,为每种风味指定一个单独的signingConfig行并不能很好地扩展,并且超出了问题的范围。 不幸的是,没有提供的答案显示了如何正确覆盖signi...

用gradle签署产品口味(Signing product flavors with gradle)

根据用户指南 ,支持flavor的signingConfigs。 这里的问题与signedConfigs对象的范围有关。 我只是将它分配给productFlavors块中的一个变量,但是在flavor1 flavor block之外,以解决该问题: productFlavors { def flavor1SigningVariable = signingConfigs.flavor1 flavor1 { ... signingConfig flav...

Android,Gradle产品风味;(Android, Gradle Product Flavour; package does not exist)

正如tbruyelle所提到的,回答我的问题是在整个构建文件中保留相同的软件包名称,以便在构建期间不会发生冲突。 然后通过Grade.build文件更改构建包名称。 这将保持每种风味独特的部署在设备上。 Answer to my question as tbruyelle mentioned, is to keep the same package name throughout the build files for the flavours so they don't conflict dur...

具有特定Product Flavors依赖关系的android-library(android-library with specific Product Flavors dependency)

图书馆不支持口味。 请注意,这不适用于应用程序项目,因为您尚未首先定义风格。 你需要这样做 android { productFlavors { flavor1 {} } } dependencies { flavor1Compile ... } 它不会以其他顺序工作,因为声明产品风格是创建其关联的依赖配置的原因。 Libraries don't support flavors. Note that this wouldn't work in a app...

Android,Gradle,产品风味和清单(Android, Gradle, product flavors and the manifest)

为什么它试图与原始的清单合并,当我指定它应该看别处? 你说的味道清单是在其他地方。 清单合并流程合并所有相关清单: main 构建类型 产品风味(s) 图书馆 main的清单总是相关的。 我怎样才能阻止呢? 只要main的清单总是相关的,你就不会。 一般来说,最好的解决方案是从所有清单中删除versionCode和versionName ,并将它们设置在build.gradle ,您可以在其中完全编程控制。 下一个最佳解决方案是将versionCode和versionName移出main清单,转换...

Gradle android插件,如何根据不同的产品口味复制和加载不同的动态库?(Gradle android plugin, how to copy and load different dynamic library according to different product flavors?)

您可以为此创建一个gradle任务。 task copyNativeLibs { Gradle gradle = getGradle() Pattern pattern = Pattern.compile(":assemble(.*?)(Release|Debug)"); Matcher matcher = pattern.matcher(gradle.getStartParameter().getTaskRequests().toString()); def fl...

如何在两种不同的产品口味中使用两个不同版本的GooglePlayServices库?(How To Use Two Different Versions of GooglePlayServices libs in Two Different Product Flavors?)

没有gradle不支持同一个库的多个版本。 它会默认选择最新的Gradle,使用最新的冲突版本。 但是,您可以更改此行为。 使用此方法将解决方案配置为在任何版本冲突时急切失败,例如同一配置中具有相同依赖关系(组和名称相同)的多个不同版本。 来自这里的资源https://gradle.org/docs/current/dsl/org.gradle.api.artifacts.ResolutionStrategy.html ======== REVISED 04/05/2017 ======== Th...

“纯”gradle(不是android gradle)中的Gradle产品风味(Gradle product flavor in “pure” gradle (not android gradle))

答案是肯定的,但是你将不得不使用新孵化的Gradle软件模型。 这将是一条充满痛苦的道路,因为我会学习将它用于C / Cpp项目。 这通常是你的构建看起来的样子。 plugins { id 'jvm-component' id 'java-lang' } model { buildTypes { debug release } flavors { free paid } components { server...

Android Gradle插件如何处理库中的冲突资源?(How does the Android Gradle plugin handle conflicting resources in libraries?)

没有办法为库的资源指定优先级。 您只能在库中设置前缀 android { resourcePrefix 'mylib_' } Ah, looks like the Android developers documentation finally has an answer for us. I pulled this from https://developer.android.com/studio/projects/android-library#Considerations: The bu...

为什么我的Gradle产品口味都在建设中?(Why are all my Gradle product flavors building?)

仅为一种产品风格添加依赖关系的正确方法是: buildscript { repositories { mavenCentral() } dependencies { classpath 'com.android.tools.build:gradle:0.5.+' } } apply plugin: 'android' repositories { mavenCentral() } android { compile...

相关文章

更多

html中一个div的id是“1:222”的话,怎么利用id给它定义css啊?

如 &lt;style&gt; #1:2{ height:100px; width:100px ...

solr4.0 id 自动生成

一、配置schema.xml文件 1、添加fieldType &lt;types&gt; & ...

MongoDB _id和ObjectId详解

在创建一个文档的时候,会生成一个_id,id的默认类型是ObjectId,如: &gt; db. ...

solr required field: id

为了和以前的程序兼容,在solr建立索引的时候,将id设为gid,结果在建立索引时候出现如下错误: o ...

HDFS Append 设计文档的QA(Questions about the “Append Design”)

本文是关于Append设计文档中一些设计点的QA,原文的地址已经不记得是从HDFS中的那个Jira上看 ...

Solr Document [null] missing required field: id 的原因

在solr建立索引的时候,如果你提交的doc中没有 id 这个Field,结果Solr在建立索引时候出 ...

hibernate id 生成策略及主要使用方法

hibernate主键策略生成器 hibernate提供多种主键生成策略,有点是类似于JPA,有的是h ...

分布式ID生成器【snowflake雪花算法】

基于snowflake雪花算法分布式ID生成器 snowflake雪花算法分布式ID生成器几大特点: ...

Solr4.0 如何配置使用UUID自动生成id值

最近学习了Lucene,随便也学习了Solr,Solr规定每一条记录必须有一个主键值,用来唯一标识一条 ...

使用jQuery、Yahoo API和HTML5的geolocation来开发一个天气预报web应用

在线演示 本地下载 今天我们介绍来自tutorialzine的一个HTML5/jQuery/Yaho ...

最新问答

更多

python的访问器方法有哪些

使用方法: class A(object): def foo(self,x): #类实例方法 print "executing foo(%s,%s)"%(self,x) @classmethod def class_foo(cls,x): #类方法 print "executing class_foo(%s,%s)"%(cls,x) @staticmethod def static_foo(x): #静态方法 print "executing static_foo(%s)"%x调用方法: a =

使用Zend Framework 2中的JOIN sql检索数据(Retrieve data using JOIN sql in Zend Framework 2)

我认为你必须将两个TableGetway传递给UserTable构造。 你必须改变Module.php看看: public function getServiceConfig() { return array( 'factories' => array( 'User\Model\UserTable' => function($sm) { $userTableGateway = $sm->get('UserTable

透明度错误IE11(Transparency bug IE11)

这是一个渲染错误,由使用透明度触发,使用bootstrap用于在聚焦控件周围放置蓝色光环的box-shadow属性。 可以通过添加以下类覆盖来解决它。 .form-control:hover { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,255,1); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,255,1); box-shadow: 0px 0px 4px 0px rgba(0,0,255,1)

linux的基本操作命令。。。

ls 显示目录 mkdir 建立目录 cd 进入目录

响应navi重叠h1和nav上的h1链接不起作用(Responsive navi overlaps h1 and navi links on h1 isn't working)

将z-index设置为.main-nav这将解决您的重叠问题 .main-nav { position:relative; z-index:9; } set z-index to .main-nav This will fix your overlaping issue .main-nav { position:relative; z-index:9; }

在C中读取文件:“r”和“a +”标志的不同行为(Reading a File in C: different behavior for “r” and “a+” flags)

这是因为模式规范"a"打开一个文件以便追加,文件指针在末尾。 如果您尝试从此处读取,则由于文件指针位于EOF,因此没有数据。 您应该打开"r+"进行阅读和写作。 如果在写入之前读取整个文件,则在写入更多数据时,文件指针将正确定位以追加。 如果这还不够,请探索ftell()和fseek()函数。 That is because the mode spec "a" opens a file for appending, with the file pointer at the end. If you

NFC提供什么样的带宽?(What Kind of Bandwidth does NFC Provide?)

支持空中接口的数据速率是一回事。 在消除协议开销,等待eeprom写入以及所有需要时间的其他内容之后,您看到的数据速率是完全不同的故事。 长话短说,从标签读取或进行对等传输时的实际数据速率峰值约为2.5千字节/秒。 取决于具体的标签或对等技术,它可能比这慢很多。 The supported data-rates of the air-interface are one thing. The data-rate that you see after removing protocol overhe

元素上的盒子阴影行为(box-shadow behaviour on elements)

它看起来像只在Windows上的Chrome的错误。 我在Google Canary (Chrome 63)中也进行了测试,问题依然存在,所以有可能它不会很快修复。 这个问题是由overflow: auto引起的overflow: auto ,在你的情况下,它可以很容易地通过删除或设置为可见(默认)来解决。 但是 ,将鼠标悬停在右侧(顶部和底部)时,会出现滚动条。 一个解决方案可以设置overflow: hidden的身体,所以预期的结果是所需的。 我想指出,这不是一个很好的解决方案,但我建议暂

Laravel检查是否存在记录(Laravel Checking If a Record Exists)

这取决于您是否要以后与用户合作,或仅检查是否存在。 如果要使用用户对象(如果存在): $user = User::where('email', '=', Input::get('email'))->first(); if ($user === null) { // user doesn't exist } 如果你只想检查 if (User::where('email', '=', Input::get('email'))->count() > 0) { // user found

设置base64图像的大小javascript - angularjs(set size of a base64 image javascript - angularjs)

$scope.getData= function () { var reader = new FileReader(); reader.onload = $('input[type=file]')[0].files; var img = new Image(); img.src =(reader.onload[0].result); img.onload = function() { if(this.width > 640