Jquery 在这种情况下，如何捕获准确的h3文本

我有h3标签文本作为Haii或rerrwe

当我试图捕获h3文本时，它添加了一些SATIC文本，也就是“单击以折叠内容”

单击以折叠内容

你能让e知道如何捕捉准确的文本吗

这是我的节目

var response = {
    "Restaurants": [{
        "RestrntArea": "Haii",
        "cust_loc_id": "374"
    }, {
        "RestrntArea": "rerrrwe",
        "cust_loc_id": "373"
    }]
}
showLabels();

function showLabels() {
    //$("#result").html("");
    var favoriteresultag = '';
    for (var i = 0; i < response.Restaurants.length; i++) {
        var name = response.Restaurants[i].RestrntArea;
        if (name) {
            favoriteresultag += '<div data-role="collapsible" data-inset="false" class="my-collaspible"><h3>' + name + ' <a class="icon-pencil-1 labelEditIcon "></a></h3></div>';
        }
    }
    $("#result").append(favoriteresultag).trigger("create");

}
$(document).ready(function() {
    $('.my-collaspible').bind('expand', function() {
        //alert('Expanded');
        var name = $(this).find('h3').text();

        alert(name);
        console.log(name);


    });
    $('.my-collaspible').bind('collapse', function() {
        //alert('Collapsed');
    });
});

var响应={
“餐厅”：[{
“restratrea”：“Haii”，
“客户位置id”：“374”
}, {
“restratrea”：“rerrrwe”，
“客户位置id”：“373”
}]
}
showLabels（）；
函数showLabels（）{
//$（“#结果”）.html（“”）；
var FavoriteResultTag=''；
对于（var i=0；i

---

您能告诉我如何解决这个问题吗？？？

因为您的

h3

中有更多的子元素，这些子元素也有文本，这是您需要的解决方案：

var name = $(this).find('h3 .ui-btn-text').clone()    //clone the element
    .children() //select all the children
    .remove()   //remove all the children
    .end()      //again go back to selected element
    .text();

---

来源：

因为在

h3

中有更多的子元素也有文本，所以这是您需要的解决方案：

var name = $(this).find('h3 .ui-btn-text').clone()    //clone the element
    .children() //select all the children
    .remove()   //remove all the children
    .end()      //again go back to selected element
    .text();

---

来源：

问题是您的元素也有包含文本的子元素。以特定元素为目标，克隆它，抓取子元素，删除它们，结束链以恢复到原始选择器，抓取文本

var name = $(this).find('h3 .ui-btn-text').clone().children().remove().end().text();

---

问题是您的元素的子元素中也包含文本。以特定元素为目标，克隆它，抓取子元素，删除它们，结束链以恢复到原始选择器，抓取文本

var name = $(this).find('h3 .ui-btn-text').clone().children().remove().end().text();

---

应该是这样的：

<script>
var response = {
    "Restaurants": [{
        "RestrntArea": "Haii",
        "cust_loc_id": "374"
    }, {
        "RestrntArea": "rerrrwe",
        "cust_loc_id": "373"
    }]
}
showLabels();

function showLabels() {
    //$("#result").html("");
    var favoriteresultag = '';
    for (var i = 0; i < response.Restaurants.length; i++) {
        var name = response.Restaurants[i].RestrntArea;
        if (name) {
            favoriteresultag += '<div data-role="collapsible" data-inset="false" class="my-collaspible"><h3>' + name + ' <a class="icon-pencil-1 labelEditIcon "></a></h3></div>';
        }
    }
    $("#result").append(favoriteresultag).trigger("create");

}
$(document).ready(function() {
    $('.my-collaspible').bind('expand', function() {
        //alert('Expanded');
        var name = $(this).find('h3 .ui-btn-text').clone().children().remove().end().text();

        alert(name);
        console.log(name);


    });
    $('.my-collaspible').bind('collapse', function() {
        //alert('Collapsed');
    });
});
</script>

var响应={
“餐厅”：[{
“restratrea”：“Haii”，
“客户位置id”：“374”
}, {
“restratrea”：“rerrrwe”，
“客户位置id”：“373”
}]
}
showLabels（）；
函数showLabels（）{
//$（“#结果”）.html（“”）；
var FavoriteResultTag=''；
对于（var i=0；i

应该是这样的：

<script>
var response = {
    "Restaurants": [{
        "RestrntArea": "Haii",
        "cust_loc_id": "374"
    }, {
        "RestrntArea": "rerrrwe",
        "cust_loc_id": "373"
    }]
}
showLabels();

function showLabels() {
    //$("#result").html("");
    var favoriteresultag = '';
    for (var i = 0; i < response.Restaurants.length; i++) {
        var name = response.Restaurants[i].RestrntArea;
        if (name) {
            favoriteresultag += '<div data-role="collapsible" data-inset="false" class="my-collaspible"><h3>' + name + ' <a class="icon-pencil-1 labelEditIcon "></a></h3></div>';
        }
    }
    $("#result").append(favoriteresultag).trigger("create");

}
$(document).ready(function() {
    $('.my-collaspible').bind('expand', function() {
        //alert('Expanded');
        var name = $(this).find('h3 .ui-btn-text').clone().children().remove().end().text();

        alert(name);
        console.log(name);


    });
    $('.my-collaspible').bind('collapse', function() {
        //alert('Collapsed');
    });
});
</script>

var响应={
“餐厅”：[{
“restratrea”：“Haii”，
“客户位置id”：“374”
}, {
“restratrea”：“rerrrwe”，
“客户位置id”：“373”
}]
}
showLabels（）；
函数showLabels（）{
//$（“#结果”）.html（“”）；
var FavoriteResultTag=''；
对于（var i=0；i

以下是h3标记生成的html示例；自己判断jQuery应该是什么：

<h3 class="ui-collapsible-heading">
    <a href="#" class="ui-collapsible-heading-toggle ui-btn ui-fullsize ui-btn-icon-left ui-btn-up-c" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-icon="plus" data-iconpos="left" data-theme="c" data-mini="false">
        <span class="ui-btn-inner">
            <span class="ui-btn-text">
                rerrrwe <a class="icon-pencil-1 labelEditIcon  ui-link"></a>
                <span class="ui-collapsible-heading-status"> click to collapse contents</span>
            </span>
            <span class="ui-icon ui-icon-shadow ui-icon-minus">&nbsp;</span>
        </span>
    </a>
</h3>

单击以折叠内容

以下是h3标记生成的html示例；自己判断jQuery应该是什么：

<h3 class="ui-collapsible-heading">
    <a href="#" class="ui-collapsible-heading-toggle ui-btn ui-fullsize ui-btn-icon-left ui-btn-up-c" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-icon="plus" data-iconpos="left" data-theme="c" data-mini="false">
        <span class="ui-btn-inner">
            <span class="ui-btn-text">
                rerrrwe <a class="icon-pencil-1 labelEditIcon  ui-link"></a>
                <span class="ui-collapsible-heading-status"> click to collapse contents</span>
            </span>
            <span class="ui-icon ui-icon-shadow ui-icon-minus">&nbsp;</span>
        </span>
    </a>
</h3>

单击以折叠内容

这里是另一个解决方案

   var response = {
        "Restaurants": [{
            "RestrntArea": "Haii",
            "cust_loc_id": "374"
        }, {
            "RestrntArea": "rerrrwe",
            "cust_loc_id": "373"
        }]
    }
showLabels();

function showLabels() {
    //$("#result").html("");
    var favoriteresultag = '';
    for (var i = 0; i < response.Restaurants.length; i++) {
        var name = response.Restaurants[i].RestrntArea;
        if (name) {
            favoriteresultag += '<div data-role="collapsible" data-inset="false" class="my-collaspible"><h3><span>' + name + '</span> <a class="icon-pencil-1 labelEditIcon "></a></h3></div>';
        }
    }
    $("#result").append(favoriteresultag).trigger("create");

}
$(document).ready(function() {
    $('.my-collaspible').bind('expand', function() {
        //alert('Expanded');
        var txt = $(this).find('h3 .ui-btn-text span').html();

        alert(txt);
        console.log(name);


    });
    $('.my-collaspible').bind('collapse', function() {
        //alert('Collapsed');
    });
});

var响应={
“餐厅”：[{
“restratrea”：“Haii”，
“客户位置id”：“374”
}, {
“restratrea”：“rerrrwe”，
“客户位置id”：“373”
}]
}
showLabels（）；
函数showLabels（）{
//$（“#结果”）.html（“”）；
var FavoriteResultTag=''；
对于（var i=0；iFavoriteResultTag+=''+name+'
这里是另一个解决方案

   var response = {
        "Restaurants": [{
            "RestrntArea": "Haii",
            "cust_loc_id": "374"
        }, {
            "RestrntArea": "rerrrwe",
            "cust_loc_id": "373"
        }]
    }
showLabels();

function showLabels() {
    //$("#result").html("");
    var favoriteresultag = '';
    for (var i = 0; i < response.Restaurants.length; i++) {
        var name = response.Restaurants[i].RestrntArea;
        if (name) {
            favoriteresultag += '<div data-role="collapsible" data-inset="false" class="my-collaspible"><h3><span>' + name + '</span> <a class="icon-pencil-1 labelEditIcon "></a></h3></div>';
        }
    }
    $("#result").append(favoriteresultag).trigger("create");

}
$(document).ready(function() {
    $('.my-collaspible').bind('expand', function() {
        //alert('Expanded');
        var txt = $(this).find('h3 .ui-btn-text span').html();

        alert(txt);
        console.log(name);


    });
    $('.my-collaspible').bind('collapse', function() {
        //alert('Collapsed');
    });
});

var响应={
“餐厅”：[{
“restratrea”：“Haii”，
“客户位置id”：“374”
}, {
“restratrea”：“rerrrwe”，
“客户位置id”：“373”
}]
}
showLabels（）；
函数showLabels（）{
//$（“#结果”）.html（“”）；
var FavoriteResultTag=''；
对于（var i=0；iFavoriteResultTag+=''+name+'
请运行JSFIDLE并单击其中一个可折叠的元素，您的意思是var name=$（this）.find（'h3.ui btn text'）.text（）；请与我们共享一段普通代码，而不是近6000行。没问题，我已经使用elemclciked=elemclciked.replace进行了管理（'click to collapse contents'，''）；可能重复的请运行jsfiddle并单击可折叠的元素之一，您的意思是var name=$（this）.find（'