Javascript 如何使用JQuery按属性删除元素_Javascript_Jquery_Html_Xml_Xslt

Javascript 如何使用JQuery按属性删除元素

javascript jquery html xml xslt

Javascript 如何使用JQuery按属性删除元素,javascript,jquery,html,xml,xslt,Javascript,Jquery,Html,Xml,Xslt,我希望我没有浪费任何人的时间来重复一个问题。我很难将我的问题与现有的答案联系起来我正在处理一个包含电影相关信息的xml文件我正试图使用xslt生成一个html文件，其中有一个按钮可以在按下时从表中删除元组。这是一个构建块，一旦我理解了这个问题，我将使用它来构建一个更复杂的网站 <?xml version="1.0" encoding="utf-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/19

我希望我没有浪费任何人的时间来重复一个问题。我很难将我的问题与现有的答案联系起来

我正在处理一个包含电影相关信息的xml文件

我正试图使用xslt生成一个html文件，其中有一个按钮可以在按下时从表中删除元组。这是一个构建块，一旦我理解了这个问题，我将使用它来构建一个更复杂的网站

<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">
<html>
 <head>
<script src="jquery-3.1.1.min.js"></script>

<script>
    $(document).ready(function() {
        $("button".click(function() {
            $("ryear[!='1997']").hide();
        });
</script>
<button>Click me to eliminate non-1997 films</button>

</head> 
<body>
<h2>A Table of Remade Movies</h2>
<table border="1">
        <tr>
            <th>Title</th>
            <th>Year</th>
            <th>Original Title</th>
            <th>Original Year</th>
            <th>Fraction</th>
        </tr>
        <xsl:for-each select="remakes/remake">
        <tr>
            <td><rtitle><xsl:value-of select="rtitle"/></rtitle></td>
            <td><ryear><xsl:value-of select="ryear"/></ryear></td>
            <td><stitle><xsl:value-of select="stitle"/></stitle></td>
            <td><syear><xsl:value-of select="syear"/></syear></td>
            <td><fraction><xsl:value-of select="fraction"/></fraction></td>
        </tr>
        </xsl:for-each>
    </table>
</body>
</html>

</xsl:template>
</xsl:stylesheet>


$（文档）.ready（函数（）{
$（“按钮”。单击（函数（）{
$（“ryear[！='1997']）；
});
点击我来淘汰非1997年电影
翻拍电影的桌子
标题
年
原名
原始年份
分数

有人能告诉我纠正这个代码的方向吗？这个解决方案将允许我继续解决我的其他问题

谢谢。

在与原始海报对话后，我们想出了一个更好的方法来获得相同的功能：

函数加载数据（rocol）{
var数据=[]；
$（rocol）.find（'remake'）.each（function（）{
数据推送([
$（this.find（“rtitle”）.text（），
$（this.find（“ryear”）.text（），
$（this）.find（“分数”）.text（），
$（this.find（“stitle”）.text（），
$（this.find（“syear”）.text（）
])
});
返回数据；
}
$.get（”http://neil.computer/stack/movie.xml，函数（数据）{
$（'#示例'）。数据表（{
数据：loadData（数据）
} );
})；


电影名称
莱尔
分数
针迹
赛尔

在与原始海报对话后，我们想出了一个更好的方法来获得相同的功能：

函数加载数据（rocol）{
var数据=[]；
$（rocol）.find（'remake'）.each（function（）{
数据推送([
$（this.find（“rtitle”）.text（），
$（this.find（“ryear”）.text（），
$（this）.find（“分数”）.text（），
$（this.find（“stitle”）.text（），
$（this.find（“syear”）.text（）
])
});
返回数据；
}
$.get（”http://neil.computer/stack/movie.xml，函数（数据）{
$（'#示例'）。数据表（{
数据：loadData（数据）
} );
})；


电影名称
莱尔
分数
针迹
赛尔

此代码适用于您

<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">
<html>
 <head>
<script src="jquery-3.1.1.min.js"></script>
<script>
     $(document).ready(function () {
            $("button").click(function () {
                $("ryear").not(':contains(1997)').parents('tr').hide();
            });
        });
</script>
<button>Click me to eliminate non-1997 films</button>

</head> 
<body>
<h2>A Table of Remade Movies</h2>
<table border="1">
        <tr>
            <th>Title</th>
            <th>Year</th>
            <th>Original Title</th>
            <th>Original Year</th>
            <th>Fraction</th>
        </tr>
        <xsl:for-each select="remakes/remake">
        <tr>
            <td><rtitle><xsl:value-of select="rtitle"/></rtitle></td>
            <td><ryear><xsl:value-of select="ryear"/></ryear></td>
            <td><stitle><xsl:value-of select="stitle"/></stitle></td>
            <td><syear><xsl:value-of select="syear"/></syear></td>
            <td><fraction><xsl:value-of select="fraction"/></fraction></td>
        </tr>
        </xsl:for-each>
    </table>
</body>
</html>

</xsl:template>
</xsl:stylesheet>


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“ryear”）.not（'：contains（1997））.parents（'tr'）.hide（）；
});
});
点击我来淘汰非1997年电影
翻拍电影的桌子
标题
年
原名
原始年份
分数

此代码适用于您

<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">
<html>
 <head>
<script src="jquery-3.1.1.min.js"></script>
<script>
     $(document).ready(function () {
            $("button").click(function () {
                $("ryear").not(':contains(1997)').parents('tr').hide();
            });
        });
</script>
<button>Click me to eliminate non-1997 films</button>

</head> 
<body>
<h2>A Table of Remade Movies</h2>
<table border="1">
        <tr>
            <th>Title</th>
            <th>Year</th>
            <th>Original Title</th>
            <th>Original Year</th>
            <th>Fraction</th>
        </tr>
        <xsl:for-each select="remakes/remake">
        <tr>
            <td><rtitle><xsl:value-of select="rtitle"/></rtitle></td>
            <td><ryear><xsl:value-of select="ryear"/></ryear></td>
            <td><stitle><xsl:value-of select="stitle"/></stitle></td>
            <td><syear><xsl:value-of select="syear"/></syear></td>
            <td><fraction><xsl:value-of select="fraction"/></fraction></td>
        </tr>
        </xsl:for-each>
    </table>
</body>
</html>

</xsl:template>
</xsl:stylesheet>


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“ryear”）.not（'：contains（1997））.parents（'tr'）.hide（）；
});
});
点击我来淘汰非1997年电影
翻拍电影的桌子
标题
年
原名
原始年份
分数

以及如何使用它们！你能说[用英语]你想删除什么吗！你的语法无效。

$（“按钮”。单击（函数（）{

和无关闭

}）

Hi ibrahim，目前我正在尝试删除不具有属性“1997”的ryear元素。我希望了解如何执行此操作将使我能够构建一个更复杂的解决方案。感谢您的时间。您能澄清一下吗？

是属性的值还是属性的名称？如果是属性的名称值，然后属性的名称是什么？以及如何使用它们！你能说[用英语]你想删除什么吗！你的语法无效。

$（“按钮”。单击（function（）{

和no closing

}）

是属性的值还是属性的名称？如果是属性的名称值然后属性的名称是什么？您好，这是我正在使用的XML的一个小示例：Pygmalion 1938 0.5 Pygmalion 1937 Pygmalion 1938 0.2二十世纪1934您好，谢谢您的帮助。我可以看到您的解决方案在“运行代码片段”中工作，但是当我通过xslt处理器应用它时，h我得到的tml代码不起作用。可能是我遗漏了导致此问题的某些步骤。再次感谢您的帮助，因为我在这方面非常新。只需将整个文件发送到pastebin。您想要xml文件吗？我正试图将其放在pastebin上，但网站一直冻结我的浏览器！您好，这是我正在使用的xml的一个小示例：Pygmalion 1938 0.5 Pygmalion 1937 Pygmalion 1938 0.2二十世纪1934您好，感谢您的帮助。我可以看到您的解决方案在“运行代码片段”中起作用，但当我通过xslt处理器应用它时，我得到的html代码不起作用。也许我错过了导致此pro的某些步骤问题。再次感谢您的帮助，因为我对这一点非常陌生。只需将整个文件发送到pastebin。您想要xml文件吗？我正试图将其放在pastebin上，但网站一直冻结我的浏览器！嗨，目前，我无法实现这一点。我现在的流程是：通过对.xsl文件的编辑来处理上面的代码。然后使用xsltproc来处理他将.xml文件转换成.html文件，然后打开.html文件