Mencari metode find jQuery (..) yang menyertakan node saat ini

Metode traversal jQuery find (..) tidak menyertakan simpul saat ini - dimulai dengan anak-anak dari simpul saat ini. Apa cara terbaik untuk memanggil operasi pencarian yang menyertakan simpul saat ini dalam algoritme yang cocok? Melihat melalui dokumen tidak ada yang langsung melompat ke arahku.

Untuk jQuery 1.8 dan yang lebih tinggi, Anda bisa menggunakan .addBack(). Dibutuhkan pemilih sehingga Anda tidak perlu memfilter hasilnya:

object.find('selector').addBack('selector')

Sebelum jQuery 1.8 Anda terjebak .andSelf(), (sekarang tidak digunakan lagi dan dihapus) yang kemudian membutuhkan pemfilteran:

object.find('selector').andSelf().filter('selector')

Anda tidak dapat melakukan ini secara langsung, yang paling dekat yang dapat saya pikirkan adalah menggunakan .andSelf()dan menelepon .filter(), seperti ini:

$(selector).find(oSelector).andSelf().filter(oSelector)
//or...
$(selector).find('*').andSelf().filter(oSelector);

Sayangnya .andSelf()tidak mengambil pemilih, yang akan berguna.

Menetapkan

$.fn.findSelf = function(selector) {
    var result = this.find(selector);
    this.each(function() {
        if ($(this).is(selector)) {
            result.add($(this));
        }
    });
    return result;
};

lalu gunakan

$.findSelf(selector);

dari pada

$find(selector);

Sayangnya jQuery tidak memiliki fitur bawaan ini. Sangat aneh selama bertahun-tahun pembangunan. Penangan AJAX saya tidak diterapkan ke beberapa elemen teratas karena cara kerja .find ().

$('selector').find('otherSelector').add($('selector').filter('otherSelector'))

Anda dapat menyimpan $('selector')dalam variabel untuk speedup. Anda bahkan dapat menulis fungsi khusus untuk ini jika Anda sangat membutuhkannya:

$.fn.andFind = function(expr) {
  return this.find(expr).add(this.filter(expr));
};

$('selector').andFind('otherSelector')

Jawaban yang diterima sangat tidak efisien dan memfilter sekumpulan elemen yang sudah cocok.

//find descendants that match the selector
var $selection = $context.find(selector);
//filter the parent/context based on the selector and add it
$selection = $selection.add($context.filter(selector);

Jika Anda ingin rantai bekerja dengan benar, gunakan snippet di bawah ini.

$.fn.findBack = function(expr) {
    var r = this.find(expr);
    if (this.is(expr)) r = r.add(this);
    return this.pushStack(r);
};

Setelah panggilan fungsi akhir mengembalikan elemen #foo.

$('#foo')
    .findBack('.red')
        .css('color', 'red')
    .end()
    .removeAttr('id');

Tanpa mendefinisikan plugin tambahan, Anda akan terjebak dengan ini.

$('#foo')
    .find('.red')
        .addBack('.red')
            .css('color', 'red')
        .end()
    .end()
    .removeAttr('id');

Jika Anda mencari tepat satu elemen , baik elemen saat ini atau elemen di dalamnya, Anda dapat menggunakan:

result = elem.is(selector) ? elem : elem.find(selector);

Jika Anda mencari beberapa elemen yang dapat Anda gunakan:

result = elem.filter(selector).add(elem.find(selector));

Penggunaan andSelf/ andBacksangat jarang, tidak yakin mengapa. Mungkin karena masalah kinerja beberapa orang yang disebutkan sebelum saya.

(Sekarang saya perhatikan bahwa Tgr sudah memberikan solusi kedua)

Saya tahu ini adalah pertanyaan lama, tetapi ada cara yang lebih benar. Jika pesanan itu penting, misalnya ketika Anda mencocokkan pemilih seperti :first, saya menulis sedikit fungsi yang akan mengembalikan hasil yang sama persis seolah-olah find()termasuk set elemen saat ini:

$.fn.findAll = function(selector) {
  var $result = $();

  for(var i = 0; i < this.length; i++) {
    $result = $result.add(this.eq(i).filter(selector));
    $result = $result.add(this.eq(i).find(selector));
  }

  return $result.filter(selector);
};

Itu tidak akan efisien dengan cara apa pun, tapi itu yang terbaik yang saya buat untuk menjaga ketertiban.

Saya pikir andSelfadalah apa yang Anda inginkan:

obj.find(selector).andSelf()

Perhatikan bahwa ini akan selalu menambah kembali simpul saat ini, apakah cocok dengan pemilih.

Jika Anda benar-benar mencari di simpul saat ini, Anda cukup melakukannya

$(html).filter('selector')

Saya mencoba menemukan solusi yang tidak terulang kembali (yaitu tidak memasukkan pemilih yang sama dua kali).

Dan ekstensi jQuery kecil ini melakukannya:

jQuery.fn.findWithSelf = function(...args) {
  return this.pushStack(this.find(...args).add(this.filter(...args)));
};

Ini menggabungkan find()(hanya keturunan) dengan filter()(hanya set saat ini) dan mendukung argumen apa pun yang dimakan. The pushStack()memungkinkan untuk .end()bekerja seperti yang diharapkan.

Gunakan seperti ini:

$(element).findWithSelf('.target')

Inilah kebenaran yang benar (tapi menyedihkan):

$(selector).parent().find(oSelector).filter($(selector).find('*'))

http://jsfiddle.net/SergeJcqmn/MeQb8/2/