jquery - Jquery を使用して非表示の Div からアイテムを削除する

Question

私はテーブル構造を持っています

   <table id='dataTable'>
       <tr>
        <td class="dataLabel">
            <div style="display:none" class="hours_logged">
                <div class="time_item">
                    <div class="record_id">34</div>
                    <div class="time_logged">2</div>
                    <div class="desc">Another Time Added</div>
                </div>
                <div class="time_item">
                    <div class="record_id">37</div>
                    <div class="time_logged">3</div>
                    <div class="desc">New Time Added</div>
                </div>
            </div>
        </td>
    </tr>
</table>

record_id "37" を含む div クラス "time_item" を削除したい

これは私がしようとしているものです

$('table#dataTable div:contains("37")').parent().remove();

Answer 1

:has-selectorまたは.has()を使用できます

$('#dataTable div.time_item:has(div.record_id:contains(37))').remove()
$('#dataTable div.time_item').has('div.record_id:contains(37)').remove()

デモ:フィドル

より正確な解決策は

$('#dataTable div.time_item').filter(function () {
    return $.trim($(this).find('.record_id').text()) == '37';
}).remove()

デモ:フィドル

Answer 2

$("table#dataTable div:contains('34')").parent().remove();

また

var containsVal = "34";
$('#dataTable div.time_item:has(div.record_id:contains('+ containsVal+'))').remove();

Answer 3

If you have ID's, for performance purposes it's good to use them in your HTML:

<div class="time_item">
    <div id="record_37" class="record_id">37</div>
    <div class="time_logged">3</div>
    <div class="desc">New Time Added</div>
</div>

Then with jQuery

$('#record_37').closest('.time_item').remove();