Javascript 如何查找具有值的元素并在此最接近的位置设置类<；tr>；在jquery中？

我需要找到具有value=“123”的元素。元素的值将动态生成。具有不同值的所有元素都包含在#first flight中。我想找到相同的，并在最近的

上用“selected”设置一个类。 实际上，我想要所有元素中的最小值，这些元素的名称为class='firstAmt'，类型为'hidden'，并向最近的

添加一个类'selected'。 有人帮我吗

以下是我的HTML标记：

<table id="first-flight" class="table tbl-flight-listing-2 dataTable">
    <thead>
        <tr>
            <th class="top" colspan="6">
                <span class="strong">Kolkata <i class="fa fa-long-arrow-right"></i> Mumbai</span>
                <span class="weak">Sun, 15 Nov</span>
            </th>
        </tr>
        <tr>
            <th>&nbsp;</th>
            <th>Airlines</th>
            <th>Depart</th>
            <th>Arrive</th>
            <th>Duration</th>
            <th>Price</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <input type="radio" name="leftflight" value="">
            </td>
            <td>
                <span class="airLogo">
                    <img src="img/airlines/AI.png" alt="Air India" title="Air India" height="23" width="27">
                </span>
                <span class="airNo weak">6E-595</span>
            </td>
            <td>
                <span class="arrtime">09:45</span>
                <span class="arrairline">Air India</span>
            </td>
            <td>12:35</td>
            <td>
                <span class="tottime">2h 50m</span>
                <span class="away weak">non-stop</span>
            </td>
            <td class="fare-price">
                <span class="price">7400</span>
                <input type="hidden" name="firstAmt" value="7400">
            </td>
        </tr>
        <tr>
            <td>
                <input type="radio" name="leftflight" value="">
            </td>
            <td>
                <span class="airLogo">
                    <img src="img/airlines/AI.png" alt="Air India" title="Air India" height="23" width="27">
                </span>
                <span class="airNo weak">6E-595</span>
            </td>
            <td>
                <span class="arrtime">09:45</span>
                <span class="arrairline">Air India</span>
            </td>
            <td>12:35</td>
            <td>
                <span class="tottime">2h 50m</span>
                <span class="away weak">non-stop</span>
            </td>
            <td class="fare-price">
                <span class="price">4793</span>
                <input type="hidden" name="firstAmt" value="4793">
            </td>
        </tr>
        <tr>
            <td>
                <input type="radio" name="leftflight" value="">
            </td>
            <td>
                <span class="airLogo">
                    <img src="img/airlines/AI.png" alt="Air India" title="Air India" height="23" width="27">
                </span>
                <span class="airNo weak">6E-595</span>
            </td>
            <td>
                <span class="arrtime">09:45</span>
                <span class="arrairline">Air India</span>
            </td>
            <td>12:35</td>
            <td>
                <span class="tottime">2h 50m</span>
                <span class="away weak">non-stop</span>
            </td>
            <td class="fare-price">
                <span class="price">5799</span>
                <input type="hidden" name="firstAmt" value="5799">
            </td>
        </tr>
        <tr>
            <td>
                <input type="radio" name="leftflight" value="">
            </td>
            <td>
                <span class="airLogo">
                    <img src="img/airlines/AI.png" alt="Air India" title="Air India" height="23" width="27">
                </span>
                <span class="airNo weak">6E-595</span>
            </td>
            <td>
                <span class="arrtime">09:45</span>
                <span class="arrairline">Air India</span>
            </td>
            <td>12:35</td>
            <td>
                <span class="tottime">2h 50m</span>
                <span class="away weak">non-stop</span>
            </td>
            <td class="fare-price">
                <span class="price">4238</span>
                <input type="hidden" name="firstAmt" value="4238" class="kkk">
            </td>
        </tr>
        <tr>
            <td>
                <input type="radio" name="leftflight" value="">
            </td>
            <td>
                <span class="airLogo">
                    <img src="img/airlines/AI.png" alt="Air India" title="Air India" height="23" width="27">
                </span>
                <span class="airNo weak">6E-595</span>
            </td>
            <td>
                <span class="arrtime">09:45</span>
                <span class="arrairline">Air India</span>
            </td>
            <td>12:35</td>
            <td>
                <span class="tottime">2h 50m</span>
                <span class="away weak">non-stop</span>
            </td>
            <td class="fare-price">
                <span class="price">7690</span>
                <input type="hidden" name="firstAmt" value="7690">
            </td>
        </tr>
        <tr>
            <td>
                <input type="radio" name="leftflight" value="">
            </td>
            <td>
                <span class="airLogo">
                    <img src="img/airlines/AI.png" alt="Air India" title="Air India" height="23" width="27">
                </span>
                <span class="airNo weak">6E-595</span>
            </td>
            <td>
                <span class="arrtime">09:45</span>
                <span class="arrairline">Air India</span>
            </td>
            <td>12:35</td>
            <td>
                <span class="tottime">2h 50m</span>
                <span class="away weak">non-stop</span>
            </td>
            <td class="fare-price">
                <span class="price">8600</span>
                <input type="hidden" name="firstAmt" value="8600">
            </td>
        </tr>
        <tr>
            <td>
                <input type="radio" name="leftflight" value="">
            </td>
            <td>
                <span class="airLogo">
                    <img src="img/airlines/AI.png" alt="Air India" title="Air India" height="23" width="27">
                </span>
                <span class="airNo weak">6E-595</span>
            </td>
            <td>
                <span class="arrtime">09:45</span>
                <span class="arrairline">Air India</span>
            </td>
            <td>12:35</td>
            <td>
                <span class="tottime">2h 50m</span>
                <span class="away weak">non-stop</span>
            </td>
            <td class="fare-price">
                <span class="price">7990</span>
                <input type="hidden" name="firstAmt" value="7990">
            </td>
        </tr>
        <tr>
            <td>
                <input type="radio" name="leftflight" value="">
            </td>
            <td>
                <span class="airLogo">
                    <img src="img/airlines/AI.png" alt="Air India" title="Air India" height="23" width="27">
                </span>
                <span class="airNo weak">6E-595</span>
            </td>
            <td>
                <span class="arrtime">09:45</span>
                <span class="arrairline">Air India</span>
            </td>
            <td>12:35</td>
            <td>
                <span class="tottime">2h 50m</span>
                <span class="away weak">non-stop</span>
            </td>
            <td class="fare-price">
                <span class="price">11433</span>
                <input type="hidden" name="firstAmt" value="11433">
            </td>
        </tr>
        <tr>
            <td>
                <input type="radio" name="leftflight" value="">
            </td>
            <td>
                <span class="airLogo">
                    <img src="img/airlines/AI.png" alt="Air India" title="Air India" height="23" width="27">
                </span>
                <span class="airNo weak">6E-595</span>
            </td>
            <td>
                <span class="arrtime">09:45</span>
                <span class="arrairline">Air India</span>
            </td>
            <td>12:35</td>
            <td>
                <span class="tottime">2h 50m</span>
                <span class="away weak">non-stop</span>
            </td>
            <td class="fare-price">
                <span class="price">15799</span>
                <input type="hidden" name="firstAmt" value="15799">
            </td>
        </tr>
    </tbody>
</table>

工作正常。现在我想在

上添加一个具有最小值的类

---

有人帮我建立这个吗？

使用属性值选择器，如下所示：

$('#first-flight tbody tr td.fare-price input[name=firstAmt][value="' + minimum + '"]')
    .closest('tr') // Get closest ancestor tr
        .addClass('selected'); // Add class 'selected' to it

此处使用的选择器与用于获取名称为firstAmt且值为

最小值的所有输入元素的选择器相同，并且用于选择最近的祖先
，使用
最近的（'tr'）


var valuesAmt=$（“#首飞tbody tr td.fare-price input[name=firstAmt]”）。map（函数（）{
返回parseInt（$（this.val（））；
}).get（）；
var最小值=Math.min.apply（null，valuesAmt）；
$（“#首飞tbody tr td.fare-price input[name=firstAmt][value=“”+最小值+“]”）
.closest（'tr'）.addClass（'selected'））
.children（'td'）.first（）.find（'：radio'）.prop（'checked'，true）；//要选择收音机
。已选定{
颜色：绿色；
}

加尔各答孟买
11月15日星期日
航班
离开
到达
期间
价格
6E-595
09:45
印度航空
12:35
2h 50米
直达
7400
6E-595
09:45
印度航空
12:35
2h 50米
直达
4793
6E-595
09:45
印度航空
12:35
2h 50米
直达
5799
6E-595
09:45
印度航空
12:35
2h 50米
直达
4238
6E-595
09:45
印度航空
12:35
2h 50米
直达
7690
6E-595
09:45
印度航空
12:35
2h 50米
直达
8600
6E-595
09:45
印度航空
12:35
2h 50米
直达
7990
6E-595
09:45
印度航空
12:35
2h 50米
直达
11433
6E-595
09:45
印度航空
12:35
2h 50米
直达
15799
Namaste Tushar Ji。非常感谢。它工作得很好！：）欢迎@SandipKr。很乐意帮忙。
$('#first-flight tbody tr td.fare-price input[name=firstAmt][value="' + minimum + '"]')
    .closest('tr') // Get closest ancestor tr
        .addClass('selected'); // Add class 'selected' to it