Javascript 单击事件时，我试图根据单击对象'；s attr（）值_Javascript_Jquery_Ajax_Xml

Javascript 单击事件时，我试图根据单击对象'；s attr（）值

javascript jquery ajax xml

Javascript 单击事件时，我试图根据单击对象'；s attr（）值,javascript,jquery,ajax,xml,Javascript,Jquery,Ajax,Xml,单击事件时，我试图根据单击对象的attr（）值从XML中获取数据下面我放置了两个超链接按钮和一个用于输入数据的容器。两者都有不同的attr（）值所以我想根据这些超链接的attr（）值获取数据甚至我也创建了一个包含各自节点的XML，但无法获得确切的数据。有人能帮忙吗以下是JS和XML代码： JS代码： $(function() { $('a.readmore').click(function() { var container = $('#uiWr

单击事件时，我试图根据单击对象的attr（）值从XML中获取数据

下面我放置了两个超链接按钮和一个用于输入数据的容器。两者都有不同的attr（）值

所以我想根据这些超链接的attr（）值获取数据

甚至我也创建了一个包含各自节点的XML，但无法获得确切的数据。有人能帮忙吗

以下是JS和XML代码：

JS代码：

$(function() {
        $('a.readmore').click(function() {

            var container = $('#uiWrapper');

            $.get('myxml3.xml',function(data){
                container.empty();
                $(data).find('sector').each(function(){
                    var $tag = $(this), 
                        getName = $('a.readmore').attr('href');

                    var html = '<div class="data">';                      
                        html += '<div class="tagDetail">' + $tag.find('description').text() + '</div>';
                        html += '</div>';   

                    if($tag.attr('name') == getName){
                        container.append(html);
                    }else{
                    return false;
                    }       


                });                        
            });
            return false;
        });
    });

$（函数（）{
$（'a.readmore'）。单击（函数（）{
变量容器=$（“#uiWrapper”）；
$.get（'myxml3.xml'，函数（数据）{
container.empty（）；
$（数据）。查找（'sector'）。每个（函数（）{
var$tag=$（这个），
getName=$（'a.readmore'）.attr（'href'）；
var html=''；
html++=''+$tag.find（'description'）.text（）+''；
html+=''；
if（$tag.attr（'name'）==getName）{
container.append（html）；
}否则{
返回false；
}       
});                        
});
返回false；
});
});

XML代码：

<?xml version="1.0" encoding="utf-8" ?>
<sections>

  <sector name="mark">
  <description>Mark Text is coming</description>
  </sector>

  <sector name="source">
  <description>Source Text is coming</description>
  </sector>


</sections>


标记文本即将到来
源文本即将发布

如果您希望通过单击链接，根据链接的href属性显示描述，您的带有脚本的html页面将

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    var container = $('#uiWrapper');
    $('a.readmore').click(function(e){
        e.preventDefault();
        var getName=$(this).attr('href')
        container.empty();
        $.get('myxml3.xml', function(xml){
            $(xml).find('sector').each(function(){
                var $sector = $(this);
                var title = $sector.attr("name");
                if(title===getName){
                    var description = $sector.find('description').text();
                    var html='<div class="data"><div class="tagDetail">'+description+'</div></<div>'
                    $('#uiWrapper').append($(html));
                };
            });
        });
   });
});

</script>
</head>
<body>
<div id="uiWrapper"></div>
<a class="readmore" href="mark">mark</a>
<a class="readmore" href="source">source</a>
</body>
</html>


$（文档）.ready（函数（）{
变量容器=$（“#uiWrapper”）；
$（'a.readmore'）。单击（函数（e）{
e、 预防默认值（）；
var getName=$（this.attr（'href'））
container.empty（）；
$.get（'myxml3.xml'，函数（xml）{
$（xml）.find（'sector'）.each（function（）{
var$扇区=$（本）；
var title=$sector.attr（“名称”）；
if（title==getName）{
var description=$sector.find（'description'）.text（）；
var html=''+description+'@MufeedAhmad:很高兴能帮忙！！
<script type="text/javascript">
$(document).ready(function(){
    var container = $('#uiWrapper');
    $('a.readmore').click(function(e){
        e.preventDefault();
        var getName=$(this).attr('href')
        container.empty();
        $.ajax({
            type: "GET",
            url: "myxml3.xml",
            dataType: "xml",
            success: function (xml) {
                var xmlDocument = $.parseXML(xml)
                var $xml = $(xmlDocument);
                $(xml).find('sector').each(function(){
                    var $sector = $(this);
                    var title = $sector.attr("name");
                    if(title===getName){
                        var description = $sector.find('description').text();
                        var html='<div class="data"><div class="tagDetail">'+description+'</div></<div>'
                        $('#uiWrapper').append($(html));
                    }
                })  
             }
        });

   });
});

</script>