0

私は YUI3 が初めてで、jquery に似たものをいくつか試しています。私は jQuery の人であり
、YUI で同じことを達成する方法がわかりません。これは以下で jQuery で行っています。 

<script language="javascript" src="http://code.jquery.com/jquery-latest.js" >
</script>
 <script language="javascript">
$(function(){
    var data = '<html xmlns="http://www.w3.org/1999/xhtml"><head>'+
               '<title>This is title</title> <meta name="description" content="This is description" /> </head><body></body></html>';
    var title=(/<title>(.*?)<\/title>/m).exec(data)[1];
    console.log(title); //output: This is title
    var dom_list = $(data).find("meta").prevObject;
    $.each(dom_list, function(i,v){
        var c = $(v).attr('content');
        var n = $(v).attr('name');
        if(n!=undefined){
            if(n.toLowerCase()=='description'){
                desc = c;
            }
        }
    }); 
    console.log(desc); // output : This is description
});
</script>

質問: data 変数は html ソース コードであり、jquery のセレクターであり
、これでメタ タグを見つけることができるので、YUI で同じものを使用できますか?

どんな提案でもかなりの価値があります。

4

1 に答える 1

1 
var data = '<html xmlns="http://www.w3.org/1999/xhtml"><head>' + '<title>This is title</title> <meta name="description" content="This is description" /> </head><body></body></html>';
var title = (/<title>(.*?)<\/title>/m).exec(data)[1];
console.log(title); //output: This is title

var metaList = Y.Node.create(data).all("meta");
metaList.each(function(node) {
    var c = node.get('content'),
        n = node.get('name');
    if (n !== null) {
        if (n.toLowerCase() === 'description') {
            desc = c;
        }
    }
});
console.log(desc); // output : This is description

ここで実行可能な例を見ることができます: http://jsfiddle.net/brianjmiller/LTKs6/

また、YUI と jQuery の間の一般的な翻訳を示すhttp://jsrosettastone.comにも興味があるかもしれません。

于 2012-12-11T13:07:11.217 に答える