Javascript 正在尝试创建动态列表项。jQuery_Javascript_Jquery_Html_Attr

Javascript 正在尝试创建动态列表项。jQuery

javascript jquery html

Javascript 正在尝试创建动态列表项。jQuery,javascript,jquery,html,attr,Javascript,Jquery,Html,Attr,我有几个列表项，在左边，垂直对齐。我试图使右侧的容器（为空）填充该列表项特定id的url信息。我能够使用load（）创建一个jQuery函数，它允许我在列表项中单击，并且数据填充在正确的容器中，但它只是最小id的数据。如果单击其他列表项，则右侧容器中的数据不会更改。目前，我添加了这行代码 var strReqUrl = $(this).attr('href'); alert(strReqUrl); 查看警报是否会显示它应该使用的链接。当我在列表项中单击时，警报显示“未定义”。：（我尝试在列

我有几个列表项，在左边，垂直对齐。我试图使右侧的容器（为空）填充该列表项特定id的url信息。我能够使用load（）创建一个jQuery函数，它允许我在列表项中单击，并且数据填充在正确的容器中，但它只是最小id的数据。如果单击其他列表项，则右侧容器中的数据不会更改。目前，我添加了这行代码

var strReqUrl = $(this).attr('href'); 
alert(strReqUrl);

查看警报是否会显示它应该使用的链接。当我在列表项中单击时，警报显示“未定义”。：（

我尝试在列表项中添加一个链接，结果显示了正确的数据。但是，我每次都离开当前页面查看它，它根本没有填充到右侧的容器中，而右侧的容器现在位于上一页

是否仍然需要为适当的列表项分配适当的id

这是我的HTML：

<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script type="text/javascript">     
    $(document).ready(function(){
       $("li").click(function(){
          var strReqUrl = $(this).attr('href');
          alert(strReqUrl);             
    //$("#divId").load("pm_message.php?u=<?php echo $log_username; ?>&pmid=<?php echo $pmid; ?> #pm_post");
       });
    });
    <body>
    <div class="wrapper"> <!--Left and Right container wrapper-->
    <div class="container">
    <div class="left">
      <!--left container-->
      <div class="top">
        <input type="text" />
        <a href="javascript:;" class="search"></a>
      </div>
      <ul class="people">
        <a href="pm_message.php?u=<?php echo $log_username; ?>&pmid=<?php echo $pmid; ?>"><?php echo $people; ?></a> <!--generates list of people-->
      </ul>
    </div>
    <div class="right" id="right">
      <!--Right container-->
      <div class="top"><span class="name"></span></div>
      <div id="divId"></div>
    </div>
    </body>
</html>


$（文档）.ready（函数（）{
$（“li”）。单击（函数（）{
var strequrl=$（this.attr（'href'）；
警报（strReqUrl）；
//$（“#divId”）.load（“pm#u message.php？u=&pmid=#pm#u post”）；
});
});

和脚本：

//DB connection
    //Collecting data from db
    //Variable $people collects data for the people listed in the left container
    $people = '
                <li class="person">
                  <a id="a" href="pm_message.php?u='.$log_username.'&pmid='.$pmid.'"><span class="name">'.$sender.'</span></a>
                            <!--<span class="name">'.$sender.'</span>-->
                            <span class="time">'.$time.'</span>
                            <span class="preview">'.$message.'</span>
                </li>';

//数据库连接
//从数据库中收集数据
//变量$people为左侧容器中列出的人员收集数据
$people=

“.$时间。”
“.$message”
'；

分配事件处理程序时，li不在文档中。您需要使用委派处理。并且您要查找的href属性不在文档中。请尝试以下操作：

$('ul').on('click', 'li', function() {
    var strReqUrl = $(this).find('a').attr('href');
    alert(strReqUrl);
});

查看更多-

您的li没有a href属性。请使用$（'li>a'）。单击（…）它已经是服务器端生成的。您的代码在这里无法工作，li没有a href attributeAnks可供您帮助。由于某些原因，什么都没有发生。我将继续使用它。