通过jQuery访问标签文本

内特·希尔

有没有一种方法可以<label>使用jquery元素中获取文本因为我们可以使用从中获取值,$(this).val();但无法对标签文本执行相同的操作。

似乎我们应该能够<label>通过$(this)选择单选按钮来查询文本,因为$(this)在此期间它知道其值。

最初带有case语句,并手动填写一些文本,但是如果我们能够只插入标签文本,则将不需要使用所有case语句。

想法/建议?

html

<div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion" href="#accordion-second">What You Are Interested In Learning About</a>
                        </h4>
                    </div>
                    <div id="accordion-second" class="panel-collapse collapse">
                        <div class="panel-body">
                            <div class="radio">
                                <label><input type="radio" name="optradio2" value="2a">the Automotive Industry</label>
                            </div>
                            <div class="radio">
                                <label><input type="radio" name="optradio2" value="2b">the sports industry</label>
                            </div>
                            <div class="radio">
                                <label><input type="radio" name="optradio2" value="2c">the music industry</label>
                            </div>
                        </div>
                    </div>
                </div>

jQuery的

<script>
    $('[name="optradio2"]').on('change', function () {
        $('#accordion-third').slideToggle();
        $('#accordion-second').slideToggle();

        //how do you get the label text 
        var labelText = $("label", this).text();

        //current method but would prefer to just insert the label text
        /*var value = $(this).val();
        switch (value) {
            case "2a":
                $('#blank2', $('#myModal')).text('the automotive industry');
                break;
            case "2b":
                $('#blank2', $('#myModal')).text('the sports industry');
                break;
            case "2c":
                $('#blank2', $('#myModal')).text('the music industry');
                break;
            default:
                alert("oops! something went wrong");
        }*/
})
</script>
阿德内

上下文选择器使用find并搜索后代。

标签不是输入的子元素,而是相反的,因此您必须寻找父母,并且closest看起来很合适

var labelText = $(this).closest("label").text();

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何通过不同的方法访问UICollectionViewCell中标签的文本?

来自分类Dev

访问文本标签值Javascript

来自分类Dev

访问文本标签值Javascript

来自分类Dev

在通过的表单上访问标签

来自分类Dev

无法通过 ASP.NET 应用程序中的线程访问文本框、标签等控件

来自分类Dev

如何通过访问字典中的键或值来设置标签文本

来自分类Dev

通过 href 的文本找到 <a> 标签

来自分类Dev

jQuery:通过标签名称(不带ID)标记(选择)内容文本

来自分类Dev

单击HTML表单后如何通过JavaScript / jQuery更改标签文本

来自分类Dev

jQuery获取通过keyup事件从文本输入中填充的p标签的宽度

来自分类Dev

如何通过jQuery将跨度标签中的文本添加到数据属性中?

来自分类Dev

无法从jQuery设置标签文本

来自分类Dev

使用JQuery更改标签文本

来自分类Dev

使用Jquery设置标签文本

来自分类Dev

使用jQuery获取标签文本

来自分类Dev

通过jQuery检查选中的标签

来自分类Dev

通过标签访问UITableViewCell子视图?

来自分类Dev

是否可以通过PyGithub访问“发布”标签?

来自分类Dev

访问不是组件或html标签的组件标签的内部文本?

来自分类Dev

访问不是组件或html标签的组件标签的内部文本?

来自分类Dev

如何通过标签中的文本查找元素?

来自分类Dev

通过XmlPullParser用标签文本填充Hashmap

来自分类Dev

通过ListView ItemActivate更改标签文本

来自分类Dev

jQuery根据标签标签从范围标签返回文本

来自分类Dev

jQuery根据标签标签从范围标签返回文本

来自分类Dev

通过jQuery访问Sizzle方法

来自分类Dev

通过jQuery访问JSON数据

来自分类Dev

如何通过子标签中的文本查找标签

来自分类Dev

通过名称获取文本框-访问

Related 相关文章

热门标签

归档