• 06-07-2019, 12:39:50
    #1
    Arkadaşlar basit bir ul li yapısında kullanıcıya seçtirme işlemi yapacaktım. Kullanıcı seçtigi li kaybolacak ve belirledigim div de seçtigi li yazacak. Kodlarım bu şekilde bir hata alıyorum
    <!doctype html>
    <html lang="en">
    <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="koz.css">
    
    <title>Hello, world!</title>
    </head>
    <body>
        
    
    <div id="result" align="center" class="ozdemir borderr"></div>
    <h1> Lazım olanları seçin</h1>
    <ul>
    <li><span> Beyaz Eşya</span><button>V</button> </li>
    <li><span>Kamera</span> <button>V</button> </li>
    <li><span>Ölçü Aleti</span><button>V</button> </li>
    <li><span>Araba</span><button>V</button> </li>
    </ul>
    
    
    
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script type="text/javascript" src="jquery.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
    <script type="text/javascript" src="ozel.js"></script>
    </body>
    </html>
        $(document).ready(function()
        {
        var a;
            $("ul li button").click(function()
    
            {
                
    
                 a =$("ul li span",this).text();
                
                
                $(this).parent().remove();
                $("#result").text(a);
    
            })
            
        })
    Php developer
  • 11-07-2019, 07:48:30
    #2
    jquery ekleyip scripti bu şekilde düzenleyince olur.

    <script
    src="https://code.jquery.com/jquery-3.4.1.min.js"
    integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
    crossorigin="anonymous"></script>

    $(document).ready(function()
    {
    var a;
    $("ul li button").click(function()
    {
    $(this).parent().remove();
    $("#result").text(this.previousSibling.textContent );
    })
    })
  • 11-07-2019, 09:50:36
    #3
    benburak adlı üyeden alıntı
    jquery ekleyip scripti bu şekilde düzenleyince olur.

    <script
    src="https://code.jquery.com/jquery-3.4.1.min.js"
    integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
    crossorigin="anonymous"></script>

    $(document).ready(function()
    {
    var a;
    $("ul li button").click(function()
    {
    $(this).parent().remove();
    $("#result").text(this.previousSibling.textContent );
    })
    })

    Hocam öncelikle sagolun bu ne işe yarıyor previousSibling
    Php developer