Question

我有那个HTML

<table>
   <tbody>
       <tr>
           <td>
               <input name="price" class="chrome-input" />
           </td>
           <td>
               <button name="sellButton" class="chrome-button">
               </button>
               <button name="priceButton" class="chrome-button">
               </button>
           </td>
       </tr>
   </tbody>
</table>

如何让tr包含内部类chrome-button的控件。像这样的东西

alert($("tr+.chrome-button").html());

Answer 1

试试这个：

alert($("tr:has(.chrome-button)").html());

工作示例：http://jsfiddle.net/NAdr4/

Answer 2

$(".chrome-button").closest('tr')

Answer 3

试试这个：

$("tr").children('td').each(function(){
    $(this).children('.chrome-button').each(function(){
        alert($(this).html());
    });
});

Answer 4

您可以将.parents()方法与过滤器一起使用：http://api.jquery.com/parents/

alert($('.chrome-button').parents('tr').html())

示例：http://jsfiddle.net/tEWGW/

jQuery的。获取标签+班级名称

4 个答案: