使用正则表达式在正文中高效查找和替换模式

我想要做的是替换一个url和模式,例如###http://www.google.com### ,链接包含一个标签,例如Go There 我面临的问题是这个url和模式可以出现在我的网页的任何地方,它的包含元素总是不同的 – 这就是我所做的。 $(‘body’).contents().each(function(){ // Find the pattern. var element = $(this); var go_link = element.text().match(“###(.*)###”); // Replace the pattern with go there button. if(go_link && go_link[1] != ‘(.*)’){ var pattern = go_link[0]; var link = go_link[1]; element.html(element.html().replace(pattern,’Go There’)); } }); 这工作http://jsfiddle.net/84T9u/但我觉得它有点效率低,因为它必须遍历中的每个元素,并且我的网站的每个页面上可能有数百个这样的链接模式。 我已经开始考虑使用:contains()选择器,我已经在SO上找到了一些扩展此方法以允许使用正则表达式的答案,但是我不太了解:contains()方法是如何工作的。 它会更高效,还是在function上与我正在使用的.each()非常相似 – 迭代所有元素以找到所需的文本或模式?

使用Jquery插件blueimp gallery在lightbox中显示描述

所以我想要做的是向灯箱库添加一个描述。 我正在使用jquery插件blueimp图库以及顶部的bootstrap图库插件。 我到处搜索,但除了文档说明中提到的内容之外,只有几篇关于它的post,所以我想问一下。 我敢肯定,这可能是导致问题的原因,但首先我想知道是否有一种方法可以在图像下方添加描述,但它也可以在标题下。 这是我使用blueimp文档中的下面代码以及从jsfiddle演示的另一个用户发现的额外额外内容得到的最远的。 blueimp.Gallery( document.getElementById(‘links’), { onslide: function (index, slide) { var text = this.list[index].getAttribute(‘data-description’), node = this.container.find(‘.description’); node.empty(); if (text) { node[0].appendChild(document.createTextNode(text)); } } }); http://jsfiddle.net/2B3bN/37/ 这显示了它在我的网页上的外观,我确实设法实现了这一点,但你会注意到它只适用于第一张图片。 当然这可以用一些js修改? 我是js的新手,我可以阅读和修改基本的js,但我猜他们改变标题的方式可以用来改变描述吗? 感谢所有帮助人员!

jQuery:Same Level删除类

我有3个级别的导航。 如果单击其中一个链接,则会根据级别获取类名。 级别1将具有类名“active1”,级别2“active2”,级别3“active3”。 我点击时设法得到类名,但是一旦点击,其他类名就会被删除。 计划是..如果我点击第一级中的链接,将显示第二级,如果我单击第二级中的链接,将显示第三级。 我怎么解决这个问题? HTML: Link Link 2 Link 3 Link 3 Link 2 Link 2 Link Link Link JS / jQuery的 $(‘.first a’).click(function() { if ($(this).hasClass(‘active’)) { return false; } else if ($(this).not(‘active’)) { $(‘.first’).find(‘.active’).removeClass(‘active’); $(this).addClass(‘active’); } return false; }); $(‘.second a’).click(function() { if ($(this).hasClass(‘active2’)) { return false; } else if ($(this).not(‘active2’)) […]

如何用jQuery中另一个文本字段的值替换一个文本字段的一部分?

我正在尝试使用jQuery根据用户在另一个字段中键入值来动态更新URL(在文本字段中)。 这是我到目前为止所做的: http : //jsbin.com/isiqus/10/edit 它适用于keyup事件的第一个触发器,但不适用于后续的keyup。 任何人都可以告诉我哪里出错了(我只是想掌握jQuery)。

自动调整文本输入框html

我创建了一个输入(类型文本)框,使其自动resize非常简单。 但是,有一些我似乎无法修复的故障: 当我开始输入时,盒子缩小了一点点 当我按退格键(或方向箭头)时,该框首先展开,然后在我继续键入时缩小。 这是我的代码: function Expander() { this.start = function () { $(“#inputbox”).keydown(function(e) { this.style.width = 0; var newWidth = this.scrollWidth + 10; if( this.scrollWidth >= this.clientWidth ) newWidth += 10; this.style.width = newWidth + ‘px’; }); } } $(function() { window.app = new Expander(); window.app.start(); }); input { margin-left:3em; min-width:100px; max-width:600px; }

使用homemodalwindow模块时在PrestaShop中加载背景时出错

使用homemodalwindow弹出模块时,有一个对象无法在后台加载,并且所有后台都无法加载。 根据Google Chrome,显然错误就在这里 … ———– “Error: Failed to execute ‘webkitMatchesSelector’ on ‘Element’: ‘:hidden’ is not a valid selector. at Function.m.matchesSelector (../TiendaN/js/jquery/jquery-1.7.2.min.js:3:25810)

如何在jQuery Sortable手风琴头上实现一个按钮

我一直在为我的网站制作一个jQuery自定义可排序手风琴。 下一个要实现的阶段是可排序手风琴的每个标题上的按钮,它将从jQuery可排序手风琴中删除部分可扩展列表。 我已准备好使用代码了,但是我似乎无法覆盖标题上的按钮而不是它在点击function上的标题的一部分来扩展或拖动函数进行排序,但是我确实希望它在按顺序排列时遵循手风琴。 function create_accordian(str) { $( str ) .accordion({ header: ‘> div > h3’, autoHeight: false, active: false, collapsible: true, }) .sortable({ axis: ‘y’, handle: ‘h3’, stop: function( event, ui ) { // IE doesn’t register the blur when sorting // so trigger focusout handlers to remove .ui-state-focus ui.item.children( ‘h3’ ).triggerHandler( ‘focusout’ ); } […]

如何实现拖放List组合UI

我是Web开发的新手,我需要构建一个带有拖放function的列表组合UI。 我发现fiddel( http://jsfiddle.net/dkuntz2/28EH5/3/ )与我的要求非常接近。 HTML: CSS: #storyboard #clips { height: 100px; width: 500px; } #storyboard .clip { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; height: 50px; width: 50px; margin: 10px; background: #d4d0ad; border: 10px solid #d4d0ad; overflow: hidden; float: left; z-index: 10; } #storyboard .clip h2 […]

用于幻灯片导航控制按钮的自定义图标/图像,如viber.com上

我正在使用flexslider,我想改变。 。 。 将导航控件滑动到我自己的图标或每张幻灯片的图像。 喜欢http://viber.com上的幻灯片,如果不能在flexslider上使用插件,我可以这样做。

三星S3 leftswipe和右手滑动不能同时工作

我创建了一个移动应用程序与jquery移动一切正常,但在三星手机左侧滑动和右滑动不能正常工作。 它在2-3次滑动后工作。 它可以用来处理 var startCoords; $(document.body).on(“touchstart”, function(event) { startCoords = event.originalEvent.targetTouches[0]; }); document.addEventListener(‘touchmove’, function(e) { var touchmoveEvent = e.touches[0]; if(touchmoveEvent.pageX && Math.abs(startCoords.pageX – touchmoveEvent.pageX) > 10) e.preventDefault(); }, false); 但如果我添加此代码缩放和捏不工作…任何指针来解决这个问题将是非常有帮助的。 注意:所有三星手机都有问题,但我的要求仅适用于S3