JSFiddle - React, Tailwind, and code Playground

by jyrkim

HTML

<table border=1 width="75%">
    <thead>
        <tr>
            <th>col1</th>
            <th>col2</th>
            <th>col3</th>
            <th>col4</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <select>
                    <option>Spiderman</option>
                    <option>Badman</option>
                    <option>IronMan</option>
                    <option>Hulk</option>
                </select>
            </td>
            <td>
                <select>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                </select>
                  </td>
            <td>
                <select>
                    <option value="key1">Key1</option>
                    <option value="key2">Key2</option>
                    <option value="Key3">Key3</option>
                    <option value="key4">Key4</option>
                </select>
                <button type="button" class="get-col3-value">getValue</button>
            </td>
            <td>
                Blank
            </td>
        </tr>
        <tr>
            <td>
                <select>
                    <option>Spiderman</option>
                    <option>Badman</option>
                    <option>IronMan</option>
                    <option>Hulk</option>
                </select>
            </td>
            <td>
                <select>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                </select>
                  </td>
            <td>
                <select>
                    <option value="key1">Key1</option>
                    <option...

JavaScript

$(document).ready(function(){
    $(document).on('click', '.get-col3-value', function(){ 
        var find1 = $(this).prev().val();
        console.log( $(this).siblings().length);
        var find2 = $(this).siblings().val();
        alert(find1 + "\n" + find2);
    });
});