标签: html-manipulation

我正在尝试使用jQuery执行我的第一步,但是我很难理解如何从div父元素中查找子元素列表.我习惯使用ActionScript 2和ActionScript 3,所以我可能会误解一些概念,比如用jQuery随机化一系列div元素的更好方法!

我有这个简单的HTML代码部分:

<div class="band">
    <div class="member">
        <ul>
            <li>John</li>
            <li>Lennon</li>
        </ul>
    </div>
    <div class="member">
        <ul>
            <li>Paul</li>
            <li>McCartney</li>
        </ul>
    </div>
    <div class="member">
        <ul>
            <li>George</li>
            <li>Harrison</li>
        </ul>
    </div>
    <div class="member">
        <ul>
            <li>Ringo</li>
            <li>Starr</li>
        </ul>
    </div>
</div>

我尝试过一些方法来做这个,比如map .member divs在一个数组中,然后更改排序顺序但没有成功.

function setArrayElements (element_parent) {
    var arr = [];
    //alert (element_parent[0].innerHTML);
    for (var i = 0; i < element_parent.children().length; i ++) {
        arr.push (element_parent[i].innerHTML);
    }
}
setArrayElements($(".band"));

当我试图提醒element_parent [0]时,我想要得到我的.member成员名单的第一个孩子,但事实并非如此.

如果我使用element_parent [0] .innerHTML发出警报,我会看到:

<div class="member">
    <ul>
        <li>John</li>
        <li>Lennon</li> …

我有一个带有表格的DIV.当用户提交表单并成功提交时,我会用简单的"一切都很好"消息替换表单:

$("#some_div").html("Yeah all good mate!");

是否有一种很好的方法可以根据已经到达的HTML将div"重置"为"原始状态"？我只能想到实际做这样的事情:

//before I change the DIV
var originalState = $("#some_div").html();
//manipulate the DIV
//...
//push the state back
$("#some_div").html(originalState);

它看起来不是很优雅 - 我想有更好的解决方案,不是吗？

我正在为网站使用CMS系统.我的内容贡献者在系统中放了一些非常大的图像,然后继续在cms中调整它们的大小,使它们适合于页面或文章.当webuser访问该页面时,即使贡献者已调整图像大小,他们也会下载完整图像.我找到了一个图像缩放器插件,我需要做的就是在src中添加图像名称后面的width和height参数.进行搜索看起来我应该使用html agility pack来实现这一点,但有人可以帮我完成我的代码.我已经想出如何在内容中找到img标签,但我不知道如何在宽度和高度上附加src.

旧标签

<img src="/IMG_3556E__sq2.jpg?n=9418" id="/IMG_3556E__sq2.jpg?n=9418" width="83px" height="83px" />

对此 - 请注意src值已更改

<img src="/IMG_3556E__sq2.jpg?width=83&amp;height=83" id="/IMG_3556E__sq2.jpg?n=9418" width="83px" height="83px" />

到目前为止这是我的代码.我需要的只是if语句中的帮助来说明img标记是否包含宽度或高度,将它们附加到src属性.

ContentManager contentManager = new ContentManager();
ContentData Content = contentManager.GetItem(id);

HtmlDocument doc = new HtmlDocument();
doc.LoadHtml(Content.Html);

foreach (HtmlNode node in doc.DocumentNode.SelectNodes("//img/@src"))
{
    if (//img has a width or height, it means image has been resized) {
        //append that nodes src within the content.html with the ?width=x&height=x
    }
}

我有一个html文件,index.php我想将该文件<div>的类main中的内容与其他文本替换.我怎样才能实现这一目标？

html中的示例内容:

<div class="main">
Replace this text with some code!
</div>

我希望使用php获取此div中的内容并将其替换为其他内容.但我不知道如何做到这一点.

更新: 我知道使用javascript的客户端技巧.我想做这个服务器端.该文件将是HTML而不是PHP.所以我想我必须在PHP中打开html并执行此操作,但我并不确切如何.

可以使用xpath或html dom解析器或其他东西吗？谷歌搜索给了我这些条款,但我不知道他们实际是什么.

我即时创建HTML代码段:

$('<span/>').addClass(spanClass)

是否有一种jQuery方法将此代码包装进去<div>？

在语义上我想做:

$('<span/>').addClass(spanClass).wrap($('<div/>').addClass(divClass))

这不起作用.所以我只想要遵循jQuery-idiomatic版本:

function wrap(what, with) { return $(with).append(what); }

我需要一个servlet过滤器来捕获所有输入,然后修改输入,在每个表单中插入一个特殊的标记.想象一下,过滤器与所有请求相关联(例如url-pattern=*).我有捕获内容的代码,但它似乎RequestWrapper不足以捕获所有输入.某些输入返回零字节,然后我无法将该内容"流"回给用户.例如,我们仍在使用Struts 1.3.10,并且任何Struts代码都没有正确"捕获",我们得到零字节内容.我相信这是因为Struts如何处理前锋.如果请求中涉及转发,我想知道下面的捕获代码是否有效.以下是所有代码,您是否有一种方法可以捕获用于流式传输给用户的任何类型的内容.

<filter>
   <filter-name>Filter</filter-name>
   <filter-class>mybrokenCaptureHtml.TokenFilter</filter-class>
</filter> 
<filter-mapping>
    <filter-name>Filter</filter-name>
    <url-pattern>/*</url-pattern>
 </filter-mapping>

package mybrokenCaptureHtml;

import java.io.ByteArrayOutputStream;
import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpServletResponseWrapper;

public class TokenFilter implements Filter {    
    @Override
    public void destroy() {
    }

    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain chain) throws IOException, ServletException {
        HttpServletRequest request = (HttpServletRequest) servletRequest;               
        HttpServletResponse response = (HttpServletResponse) servletResponse;
        try {                                                                                       
            final MyResponseWrapper …

我目前正在使用Zend Framework 2 beta for PHP 5.4.4来开发一个用于自学目的的个人webapp.

我想知道是否有可能在发送到浏览器之前拦截html输出,以便通过删除所有不必要的空格来缩小它.

我怎样才能在ZF2中实现这个结果？

我想知道如何更改div的html内容.

这是出发点:

<div id="container">
    <div class="fruits">apple</div>
    <div class="fruits">banana</div>
    <div class="fruits">strawberry</div>
</div>

页面输出:

苹果
香蕉
草莓

输出应更改为:

猫
狗
鱼
...或者是这样的.

我想我必须用.each()或其他东西迭代"水果"这个类.我知道如何更改单个div的单个元素或内容,但是当你多次拥有相同的类时,我不明白它是如何工作的.

class ="fruits"
class ="fruits"
class ="fruits"
....

希望你能帮忙.

这是我需要做的:

我需要匹配以下标记:

<SPAN style="TEXT-DECORATION: underline">text sample</SPAN>

我需要用符合html3标签替换span,但保留文本.更换后,最终标签应如下所示:

<u>text sample</u>

我对正则表达式不太满意,似乎无法得出答案.

先感谢您.