Question

我有以下代码，我需要访问输入文本字段ID，其类名为＆＃34; company＆＃34;。

 <div class="tabbable">  
  <ul class="nav nav-tabs">  
   <li class="active"><a href="#overview" >Overview</a></li>
   <li class=""><a href="#addManagerTag" class="addManager" >Managers</a></li>  
</ul>
</div> 


 <div class="tab-pane" id="addManagerTag">
        <div class="container">
            <!-- Main component for a primary marketing message or call to action -->
            <form class="form-horizontal" method="post" action="manager.php">
                <fieldset>
                    <!-- Form Name -->
                    <br />
                    <!-- Text input-->
                    <div class="form-group">
                        <label class="col-lg-2 control-label" for="man_name">Company Name</label>
                        <div class="col-lg-10">
                            <input type="text" class="company"  id="{COM_ID}" placeholder="" value="here" readonly>

                        </div>
                    </div>
                        </fieldset>
            </form>
        </div>
        <!-- /container -->
    </div>

//i am using following Jquery function
$('.addManager').on( 'click', function( event ) {
  // how can i access the input text field ID here.
  }

任何帮助将不胜感激。谢谢

Answer 1

试试这个：

$('.addManager').on( 'click', function( event ) {
    alert($("input.company").attr("id"));
});

小提琴：http://jsfiddle.net/JhZkj/

Answer 2

假设你想要实际的身份。

$(document).ready(function(){
    $('.addManager').on( 'click', function() {
        var companyInputId = $('.company').attr('id');
        alert(companyInputId);
  });
});

经测试，它有效。保留警报消息以进行测试。

DEMO

Answer 3

如果您想获取文本字段的值

$('.company').val();

或者如果你想设置它

$('.company').val("some text");

编辑：

如果您想要id本身，请尝试

('.company').attr('id');

Answer 4

给它一个机会。它应该返回元素的id

$('.company').attr('id')

Answer 5

所以你想要具有类id的元素的company属性，那是对的吗？
在jQuery语法中，这将是：

$(".company").attr("id")

Answer 6

如果您使用该输入的类，则可以使用：

进行访问

$(".company").click(function () {
       //code
    });

或

如果您想使用您需要的ID来更改公司输入的ID并使用以下内容：

$("#company").click(function () {
       //code
    });

我认为在这种情况下，父div是无关紧要的。

访问内部DIV id

6 个答案: