问答详情
源自：2-1 jQuery选择器之id选择器

请教哪里出错了

请问我下面这段代码哪里出错了，为什么JS没有效果

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

<style>

.titl{ width:100%;  height:130px;  margin:0 auto; }

.titl ul{ width:214px;  height:50px;  float:left; }

.titl ul li.inlinep{ width:106px;  height:50px;  line-height:50px;  text-align:center;  border-right:1px solid #999;  float:left; }

.titl ul li a{ font-family:"黑体";  font-size:14px;  color:#222;  display:block; }

.linepnone{  border-bottom:1px solid #999;  }

</style>

<script>

$(function(){

    $('.titl ul li').click(function(){

        $(this).siblings('li').addClass('.linepnone');

        $(this).removeClass('.linepnone');

    })

})

</script>

</head>


<body>

<div class="titl">

    <ul>

        <li class="inlinep"><a href="#">我要充值</a></li>

        <li class="inlinep linepnone"><a href="#">充值记录</a></li>

    </ul>

</div>

</body>

</html>


提问者：qq_遺忘的激情_0 2016-11-02 09:55

个回答

  • qq_情雨结缘_04097681
    2016-11-17 11:27:06
    已采纳

    你把addClass('.linepnone')中的 。去掉；同理下面removeClass也是一样


    0
  • 慕粉3998982
    2016-11-02 14:38:12

    你没加载JQuery库

    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>

    0
  • qq_遺忘的激情_0
    2016-11-02 14:29:14

    是要引入JS库文件吗

    0
  • 慕粉4114772
    2016-11-02 13:39:48

    <script>
$(function(){
    $('.titl ul li').click(function(){
        $(this).siblings('li').addClass('.linepnone');
        $(this).removeClass('.linepnone');
    })
})
</script>

    这段代码中的$('.titl ul li')要能使用的前提是什么？你的代码中作了引入吗？醒醒，回答我

    0