我正在尝试在jQuery中编写一个替换函数,用html替换特定的单词.
基本上我试图取代像[this]与<span class='myclass'>作为文件被加载.我环顾四周看了几个样品,但我看到的几件事我无法开始工作.我还在学习jQuery,所以我希望有人可以给我一些建议作为尝试.
先谢谢,史蒂文.
HTML /文字:
[this]hello world![/this]?
Run Code Online (Sandbox Code Playgroud)
JavaScript的:
$(document).ready(function() {
// Using just replace
$("body").text().replace(/[this]/g,'<b>')
});?
Run Code Online (Sandbox Code Playgroud)
- 编辑 -
我使用下面的Nir演示对该功能进行了一些更改.下面是关于我正在做什么的更多细节.我正在尝试制作一个内联部分,我已经拥有了适当的类和所做的.它在html中运行良好,但是当我运行jQuery函数时它似乎不起作用.
很明显标签被替换了,但我的css似乎并没有像我提到的那样工作.
这是HTML HERE的链接
并且这里是jsfiddle的链接
$(document).ready(function() {
// Using just replace
var text = $('body').text();
$("body").html(text.replace(/\[math\]/g,'<span class="container">').replace(/\[\/math\]/g,'</span>'));
var textt = $('body').text();
$("body").html(textt.replace(/\[top\]/g,'<div class="containme">').replace(/\[\/top\]/g,'</div>'));
var textl = $('body').text();
$("body").html(textl.replace(/\[line\]/g,'<div class="borderme"> </div>'));
var textb = $('body').text();
$("body").html(textb.replace(/\[bot\]/g,'<div class="containme2">').replace(/\[\/bot\]/g,'</div>'));
});?
Run Code Online (Sandbox Code Playgroud)
这个HTML
<span class="readme">Whats up, here's a fraction.
<span class="container">
<div class="containme">1</div>
<div class="borderme"> </div>
<div class="containme2">2</div>
</span>
Hello? …Run Code Online (Sandbox Code Playgroud) 我试图禁用提交按钮,直到用户填写表单中的输入字段.
我发现这此线程它有一个非常好的答案.当填写字段时,重新启用提交按钮时,我遇到了一个小问题.
有人可以看看这个功能,并帮我弄清楚我错过了什么?任何帮助将不胜感激:D谢谢.
还有一个小提琴
$(document).ready(function() {
var $submit = $("input[type=submit]");
if ( $("input:empty").length > 0 ) {
$submit.attr("disabled","disabled");
} else {
$submit.removeAttr("disabled");
}
});
<form method="POST" action="<%=request.ServerVariables("SCRIPT_NAME")%>">
User Name: <input name="Username" type="text" size="14" maxlength="14" /><br />
Password: <input name="last_name" type="password" size="14" maxlength="14"><br />
<input type="submit" value="Login" name="Submit" id="loggy">
</form>
Run Code Online (Sandbox Code Playgroud) 就像标题所说,我正在尝试设置隐藏的 iframe 高度以匹配其内容,但我不断得到非常不正确的高度。
我正在预加载一个包含内容的新(隐藏)iframe,并且我需要在将 iframe 设置为由用户显示之前设置高度。
我一直在轻松地使用长时间可见的框架来执行此操作,但现在框架在加载时被隐藏,它正在发挥作用。我已经检查了 SO 的每个角落,并尝试了基本功能的许多变体,但没有运气。
我尝试让 iframe 保持可见,设置高度然后隐藏它,但是框架的快速闪烁没有吸引力。有没有一种我不知道的方法可以从隐藏的 iframe 获取实际内容高度?
接受 jquery 或普通 js 想法。以下是我一直在使用的两个最常见的示例。
对此的任何建议将不胜感激。先感谢您。
// example 1
function resizeIframe(obj){
obj.style.height = 0;
obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
}
portalDiv.append('<iframe src="" scrolling="no" style="display:none;"></iframe>');
$('iframe').last().attr('src', '/content.php').load(function() {
resizeIframe(this);
// should return 363px
// returns 1531px :(
});
// example 2
portalDiv.append('<iframe src="" scrolling="no" style="display:none;"></iframe>');
$('iframe').last().attr('src', '/content.php').load(function() {
var contentHeight = $(this).contents().find(".container").height();
$(this).height(contentHeight+"px")
// should return 363px
// returns 1531px :(
});
Run Code Online (Sandbox Code Playgroud) 我注意到在看Paypal的网站时,他们的公司名称在chrome的锁定图标旁边.这是因为他们撰写了ssl证书,或者您认为他们是如何实现这一目标的?这是我一直很好奇的事情,我在搜索过程中找不到任何答案.
