jquery - 1つを除くすべての子要素を取得する方法

Question

私は次のコンテンツを持っています：

<input type='checkbox' id='inputCheckbox'/><strong>sdfsf</strong><p>dfsfsdsd</p>

上記の要素から、チェックボックスが選択されている場合にのみこれらの要素を取得し、入力要素を省略する必要があります。

<strong>sdfsf</strong><p>dfsfsdsd</p>

私の試み：

$("#testPatternButton").on("click", function()
{
    $("input:checked").each(function()
    {
        alert($(this).parent().children().not("input").html()); // only the strong text shows up
    });
});

Answer 1

これはそれを行います-それは入力のを取得するために一般的なトリックを使用し、次に親からその文字列を削除するために使用します。.html().replace.html()

$('input').on('click', function () {
    inputhtml = $(this).clone().wrap('<div>').parent().html();
    allhtml = $(this).parent().html();
    str = allhtml.replace(inputhtml, '');
    alert(str);
});

http://jsfiddle.net/jnabj/

ただし、HTML文字列の代わりにこれらの要素のjQueryオブジェクトが本当に必要な場合は、さらに簡単です。

$('input').on('click',function() {
    $var = $(this).siblings();
});

Answer 2

内容を使用each()して合計しhtml()ます。

$("#testPatternButton").on("click", function() {
    $("input:checked").each(function() {
        var output = '';
        $(this).parent().children().not("input").each(function() {
            output = output + $(this).html();
        });
        alert(output);
    });
});

Answer 3

これを試して。

$("#inputCheckbox").click(function(){
    var el = this;
    if (el.checked) {
        console.log(
            $(el).nextAll()
        );
    }
});

Answer 4

これは動作します

デモ

$("#testPatternButton").on("click", function() {
    $("input:checked").each(function() {
      $("#out").html($(this).parent().contents().not('input')); 
    });
});