0

これは私のXMLファイルです：-

<products>
  <product_id value="1">
    <tab_id value="351">
      <tab_name value="test1" />
      <region_timezone value="1" />
      <registrationstatus value="2" />
      <eventstatus value="2" />
      <dist_activity value="5,10068,10070" />
      <reg_str_dt value="2013-01-14 20:35:00" />
      <reg_end_dt value="2013-01-14 20:35:00" />
    </tab_id>
  </product_id>
  <product_id value="2">
    <tab_id value="352">
      <tab_name value="test2" />
      <region_timezone value="1" />
      <registrationstatus value="2" />
      <eventstatus value="2" />
      <dist_activity value="5,10069,10070" />
      <reg_str_dt value="2013-02-14 20:39:00" />
      <reg_end_dt value="2013-02-14 20:39:00" />
    </tab_id>
  </product_id>
</products>

これは機能です：-

function get_list(){
    xmlDoc = $.parseXML( xml ),
    $xml = $( xmlDoc ),
    $title = $xml.find('[value="'+$('#select').val()+'"] *');
    var str='';
    $title.each(function(){
        str+=$(this).attr('value')+' ';
    });
    $("#result").html(str);
}

これはHTMLコードです：-

<input type="text" id="select">
<input type="button" name="button" value="Search" onclick="get_list()" >
<div id="result">
</div>

ここに1つのテキストボックスがありますテキストボックス
にxmlファイルの子attr値のいずれかを入力しますEG：-

first text box:- Dist_activity(tag name)
second textbox:- 5(attr value)

次に、ボタンをクリックして検索し、最初の要素値を表示しますEG：-

in div "Result":- 1(is product_id value)

ここでは、xpathとxqueryを使用することが可能ですが、私にとっては他にも最適です。ありがとう...

4

2 に答える 2

0 
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
var xml;
$.get(
    "xml_converted.xml",  
    function(data) { xml=data; },
    "html"
);
function get_list(){
    var xPath = '//*[local-name() = "' + $('#select').val() + '" and @value = "' +
            $('#value').val() + '"]/..';
var iterator = document.evaluate(xPath, documentNode, null, 
                XPathResult.UNORDERED_NODE_ITERATOR_TYPE, null );
var thisNode = iterator.iterateNext();
var str = '';
while (thisNode) {
   str += thisNode.textContent ;
   thisNode = iterator.iterateNext();
 } 

    $("#result").html(str);
}
</script>

</head>
<input type="text" id="select">
<input type="text" id="value">
<input type="button" name="button" value="Search" onclick="get_list()" >
<div id="result">
</div>
</html>
于 2013-03-09T04:39:20.523 に答える
0

このようなものはどうですか：

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script>
        var xml;
        $.get(
        "SOXml_Converted.xml",
        null,
        function (data) {
            xml = data;
        },
        "xml"
    );
        function get_list() {
            var elName = $('#select').val();
            var value = $('#value').val();
            var xPath = '//*[local-name() = "' + elName + '" and ' +
                            ' contains(concat(@value, ","), "' + value  + ',")]' + 
                            '/../../@value';


            var iterator = xml.evaluate(xPath, xml.documentElement, null,
                XPathResult.UNORDERED_NODE_ITERATOR_TYPE, null);
            var thisNode = iterator.iterateNext();
            var str = '';
            while (thisNode) {
                if (str) {
                    str += ', ';
                }
                str += thisNode.textContent;
                thisNode = iterator.iterateNext();
            }

            $("#result").text(str);
        }
    </script>
</head>
<body>
    <input type="text" id="select">
    <input type="text" id="value">
    <input type="button" name="button" value="Search" onclick="get_list()">
    <div id="result">
    </div>
</body>
</html>

もちろん、「Dist_activity」という名前の要素はなく、値が 5 の要素さえないため、「Dist_activity」と「5」の値を持つものは何も見つかりませんdist_activity。

于 2013-03-08T16:10:03.083 に答える